html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,textarea,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

body {
	line-height: 1.5
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

ol,ul {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0
}

blockquote,q {
	quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

ins {
	background-coloror: #ff9;
	color: #000;
	text-decoration: none
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold
}

del {
	text-decoration: line-through
}

abbr[title],dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

em {
	font-style: normal
}

@font-face {
	font-family:"towericon";src:url("towericon.woff");src:url("towericon.eot");src:url("towericon.eot?#iefix") format("embedded-opentype"),url("towericon.woff") format("woff"),url("towericon.ttf") format("truetype")
}

.workspace .sheet.sheet-active html {
	overflow-y: scroll
}

body {
	background: #f6f7f1 url(../img/bg-main.png) repeat 0 0
}

body .wrapper {
	width: 1020px;
	margin: 0 auto
}

.header {
	width: 960px;
	height: 30px;
	margin: 30px auto;
	position: relative;
	*zoom: 1
}

.header:before,.header:after {
	display: table;
	content: ""
}

.header:after {
	clear: both
}

.header .new-feature a {
	text-indent: -999em;
	background: url(/assets/tip-feature-f3822e6e7844dd1a0eaff71cb7f330e0.png) no-repeat;
	width: 90px;
	height: 18px;
	position: absolute;
	z-index: 999;
	top: -20px;
	left: 120px
}

.header .logo {
	display: block;
	float: left;
	margin: 0 0 0 5px
}

.header .logo a {
	/*display: block;*/
	width: 124px;
	height: 100%;
	overflow: hidden;
	font-size: 30px;
	/*text-indent: -9999px;
	background: url("logo-dark.png") 0 center no-repeat*/
}

.header .nav {
	float: left;
	margin-left: 30px;
	margin-top: 10px

}

.header .nav li {
	float: left;
	margin: 0 15px
}

.header .nav li a {
	float: left;
	color: #999999;
	font-size: 16px;
	line-height: 30px;
	display: block;
	text-shadow: 1px 1px rgba(255,255,255,0.75)
}

.header .nav li a:hover {
	color: #666666
}

.header .nav li.active a {
	color: #666666
}

.header .nav li#nav-notifications {
	position: relative
}

.header .nav li#nav-notifications .link {
	float: left;
	display: none
}

.header .nav li#nav-notifications .label {
	display: block;
	float: left;
	margin: 6px 0 0 0;
	padding: 3px 4px;
	line-height: 12px;
	font-size: 12px;
	color: #ffffff;
	background: #c0c5c4;
	text-shadow: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.header .nav li#nav-notifications .label.unread {
	display: block;
	background: #d27b4b
}

.header .nav li#nav-notifications .noti-pop {
	display: none;
	position: absolute;
	top: 40px;
	left: -17px;
	z-index: 100;
	width: 400px;
	border: 1px solid #ddd;
	background: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 8px rgba(0,0,0,0.2);
	box-shadow: 0 2px 8px rgba(0,0,0,0.2)
}

.header .nav li#nav-notifications .noti-pop.on {
	display: block
}

.header .nav li#nav-notifications .noti-pop .noti-pop-list {
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 400px;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	*zoom: 1
}

.header .nav li#nav-notifications .noti-pop .noti-pop-list:before,.header .nav li#nav-notifications .noti-pop .noti-pop-list:after {
	display: table;
	content: ""
}

.header .nav li#nav-notifications .noti-pop .noti-pop-list:after {
	clear: both
}

.header .nav li#nav-notifications .noti-pop .noti-pop-list .notice {
	float: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #eee;
	position: relative;
	*zoom: 1
}

.header .nav li#nav-notifications .noti-pop .noti-pop-list .notice:before,.header .nav li#nav-notifications .noti-pop .noti-pop-list .notice:after {
	display: table;
	content: ""
}

.header .nav li#nav-notifications .noti-pop .noti-pop-list .notice:after {
	clear: both
}

.header .nav li#nav-notifications .noti-pop .noti-pop-list .notice:first-child .link {
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0
}

.header .nav li#nav-notifications .noti-pop .noti-pop-list .notice .link {
	display: block;
	float: none;
	padding: 10px 60px 10px 10px;
	line-height: 1.5;
	color: #333;
	font-size: 13px;
	word-break: break-word;
	*zoom: 1
}

.header .nav li#nav-notifications .noti-pop .noti-pop-list .notice .link:hover {
	background: #f9f9f9
}

.header .nav li#nav-notifications .noti-pop .noti-pop-list .notice .link:before,.header .nav li#nav-notifications .noti-pop .noti-pop-list .notice .link:after {
	display: table;
	content: ""
}

.header .nav li#nav-notifications .noti-pop .noti-pop-list .notice .link:after {
	clear: both
}

.header .nav li#nav-notifications .noti-pop .noti-pop-list .notice .link .title {
	font-weight: bold;
	color: #000000
}

.header .nav li#nav-notifications .noti-pop .noti-pop-list .notice .link .content {
	margin: 0 0 0 5px
}

.header .nav li#nav-notifications .noti-pop .noti-pop-list .notice .date {
	position: absolute;
	top: 11px;
	right: 6px;
	color: #aaa;
	font-size: 12px
}

.header .nav li#nav-notifications .noti-pop .noti-pop-list .notice .attachments {
	display: none
}

.header .nav li#nav-notifications .noti-pop .noti-pop-list .notice .member-avatar,.header .nav li#nav-notifications .noti-pop .noti-pop-list .notice .comments-count {
	display: none
}

.header .nav li#nav-notifications .noti-pop .noti-pop-empty {
	width: 100%;
	padding: 20px 0;
	text-align: center;
	font-size: 14px;
	color: #aaa
}

.header .nav li#nav-notifications .noti-pop .noti-pop-action {
	margin-top: -1px;
	border-top: 1px solid #eee;
	background: #f7f7f7;
	*zoom: 1;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px
}

.header .nav li#nav-notifications .noti-pop .noti-pop-action:before,.header .nav li#nav-notifications .noti-pop .noti-pop-action:after {
	display: table;
	content: ""
}

.header .nav li#nav-notifications .noti-pop .noti-pop-action:after {
	clear: both
}

.header .nav li#nav-notifications .noti-pop .noti-pop-action a {
	padding: 5px 10px;
	color: #4298ba
}

.header .nav li#nav-notifications .noti-pop .noti-pop-action a:hover {
	color: #0f769f
}

.header .nav li#nav-notifications .noti-pop .noti-pop-action .mark-as-read {
	color: #999
}

.header .nav li#nav-notifications .noti-pop .noti-pop-action .mark-as-read:hover {
	color: #cf372b
}

.header .nav li#nav-notifications .noti-pop .noti-pop-action .noti-all-link {
	float: right;
	font-size: 12px
}

.header .nav li#nav-notifications .noti-pop:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 100;
	top: -10px;
	left: 15px;
	border: 10px solid transparent;
	border-bottom: 10px solid #fff;
	border-top: 0
}

.header .nav li#nav-notifications .noti-pop:after {
	content: "";
	display: block;
	position: absolute;
	top: -11px;
	left: 14px;
	border: 11px solid transparent;
	border-bottom: 11px solid #ddd;
	border-top: 0
}

.header .account-info {
	float: right;
	margin-top: 10px;

}

.header .account-info li {
	float: left;
	margin-left: 15px;
	line-height: 12px;
	padding: 8px 0 10px
}

.header .account-info li a {
	display: block;
	float: left;
	color: #999999;
	font-size: 12px;
	line-height: 12px;
	text-shadow: 1px 1px rgba(255,255,255,0.75)
}

.header .account-info li a:hover {
	color: #666666
}

.header .account-info li.active a {
	color: #666666
}

.header .search-wrap {
	float: right;
	position: relative;
	margin-top: 10px;
}

.header .search-wrap #txt-search {
	width: 150px;
	font-size: 12px;
	line-height: 15px;
	border: 1px solid #ccc;
	opacity: 0;
	padding: 6px 10px 6px 28px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: opacity 300ms ease-in-out;
	-moz-transition: opacity 300ms ease-in-out;
	transition: opacity 300ms ease-in-out
}

.header .search-wrap #txt-search.enter {
	background: #fff url(../img/icon-enter-key.png) no-repeat 165px 8px
}

.header .search-wrap .link-search {
	display: block;
	width: 12px;
	height: 12px;
	background: url(../img/icon-search.png) no-repeat -12px 0;
	position: absolute;
	z-index: 5;
	top: 8px;
	left: 165px;
	overflow: hidden;
	text-indent: -9999px;
	-webkit-transition: left 200ms ease-in-out;
	-moz-transition: left 200ms ease-in-out;
	transition: left 200ms ease-in-out
}

.header .search-wrap .link-search:hover {
	background-position: 0 0
}

.header .search-wrap .search-mask {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #f6f7f1 url(../img/bg-main.png) repeat 0 0;
	z-index: 2
}

.header .search-wrap.active #txt-search {
	opacity: 1
}

.header .search-wrap.active .link-search {
	left: 10px;
	background-position: 0 0
}

.header .search-wrap.active .search-mask {
	display: none
}

.footer {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
	font-size: 12px;
	color: #aaaaaa;
	text-align: center
}

.footer a {
	color: #aaaaaa
}

.footer a:hover {
	color: #aaaaaa;
	text-decoration: underline
}

.container {
	width: 960px;
	margin: 0 auto
}

.workspace {
	position: relative
}

.workspace .page {
	width: 960px;
	min-height: 600px;
	opacity: 1;
	position: relative;
	*zoom: 1
}

.workspace .page:before,.workspace .page:after {
	display: table;
	content: ""
}

.workspace .page:after {
	clear: both
}

.workspace .page.hidden {
	opacity: 0
}

.workspace .page.loading {
	background: url(../img/loading-huge.gif) no-repeat 50% 200px
}

.workspace .page.empty {
	min-height: 9999px
}

.workspace .page.project-archived:before {
	content: "";
	position: absolute;
	top: -30px;
	left: 200px;
	z-index: 5;
	display: block;
	width: 129px;
	height: 122px;
	overflow: hidden;
	background: url(/assets/project-archived-seal-91c25ff74b3b1e88e57a27f2c88e2914.png) no-repeat 0 0
}

.workspace .page .page-inner {
	padding: 0 40px 40px
}

.workspace .page h2 {
	font-size: 24px;
	font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","SimHei",Sans-serif;
	line-height: 24px;
	margin: 20px 0 50px 0;
	color: #84a099;
	text-align: center
}

.workspace .page h3 {
	font-size: 20px;
	font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","SimHei",Sans-serif;
	line-height: 28px;
	margin: 30px 0;
	color: #84a099;
	*zoom: 1
}

.workspace .page h3:before,.workspace .page h3:after {
	display: table;
	content: ""
}

.workspace .page h3:after {
	clear: both
}

.workspace .page h3 .title {
	float: left
}

.workspace .page h3 a.title {
	color: #84a099
}

.workspace .page h3 a.title:hover {
	color: #4298ba
}

.workspace .page h3 .btn-mini {
	font-family: Helvetica,Arial;
	float: left;
	margin: 0 0 0 20px
}

.workspace .page h3 .info {
	font-size: 12px;
	color: #cccccc;
	margin: 0 0 0 10px
}

.workspace .page h4 {
	font-size: 16px;
	color: #000000;
	margin: 30px 0 10px
}

.workspace .sheet {
	background: #f7f8f6;
	border: 1px solid #dbdfd6;
	top: 0
}

.workspace .sheet.hidden {
	top: 50px
}

.workspace .sheet .sheet {
	left: -1px;
	-webkit-box-shadow: 0 -1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 -1px 2px rgba(0,0,0,0.05);
	box-shadow: 0 -1px 2px rgba(0,0,0,0.05)
}

.workspace .sheet .sheet .sheet-header .link-parent-sheet {
	font-size: 16px;
	line-height: 40px;
	font-weight: 100
}

.workspace .sheet .sheet.sheet-1 {
	z-index: 10
}

.workspace .sheet .sheet.sheet-2 {
	z-index: 20
}

.workspace .sheet .sheet.sheet-3 {
	z-index: 30
}

.workspace .sheet .sheet.sheet-4 {
	z-index: 40
}

.workspace .sheet.sheet-active {
	background-color: #ffffff;
	border-color: #ffffff;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.15);
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
	border-color: #ccc \9
}

.workspace .sheet.loading {
	min-height: 1000px
}

.workspace .sheet.loading .sheet-header .link-parent-sheet:hover {
	background: none
}

.workspace .sheet .sheet-header .link-parent-sheet {
	display: block;
	padding: 0 30px;
	font-size: 20px;
	font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","SimHei",Sans-serif;
	line-height: 50px;
	color: #4298ba
}

.workspace .sheet .sheet-header .link-parent-sheet:hover {
	background: #f9f9f9
}

.center-box {
	width: 500px;
	overflow: hidden;
	margin: 80px auto 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	box-shadow: 0 1px 2px rgba(0,0,0,0.5)
}

.center-box .hd {
	background: #a5bbb6;
	color: #fff;
	line-height: 60px;
	height: 60px;
	overflow: hidden;
	padding: 0 30px
}

.center-box .hd .logo {
	float: left;
	width: 108px
}

.center-box .hd .logo a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/assets/logo-e0fd7a0fb0edbebc2b6d49ce774c57d9.png) no-repeat 0 21px
}

.center-box .hd .title {
	display: block;
	float: left;
	font-size: 20px;
	line-height: 20px;
	padding: 22px 0 18px;
	margin: 0 0 0 15px;
	vertical-align: middle
}

.center-box .bd {
	background: #fff;
	padding: 30px
}

.center-box .bd h3 {
	font-size: 24px;
	margin-bottom: 20px;
	color: #8aac46
}

.center-box .bd p {
	margin-top: 1em
}

.center-box .corner {
	float: right
}

.center-box .corner a {
	color: #fff
}

.center-box .corner a:hover {
	color: #eee
}

.topbar {
	padding: 40px 0;
	*zoom: 1
}

.topbar:before,.topbar:after {
	display: table;
	content: ""
}

.topbar:after {
	clear: both
}

.topbar .logo {
	float: left
}

.topbar .logo a {
	display: block;
	width: 124px;
	height: 26px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(logo-dark.png) no-repeat 0 0
}

.topbar .account-info {
	margin-top: 8px;
	float: right;
	font-size: 12px
}

.topbar .account-info .welcome {
	color: #666
}

.topbar .account-info .email {
	display: none
}

.topbar .account-info .nickname {
	display: inline
}

.topbar .account-info a {
	color: #99aaa5;
	margin-left: 10px
}

.topbar .account-info a:hover {
	color: #666666
}

#link-feedback {
	display: block;
	padding: 10px;
	border-radius: 4px 0 0 4px;
	color: #aaa;
	width: 10px;
	text-align: center;
	font-size: 12px;
	background: #f9f9f9;
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 9990;
	-webkit-box-shadow: 1px 2px 8px rgba(80,50,0,0.2);
	-moz-box-shadow: 1px 2px 8px rgba(80,50,0,0.2);
	box-shadow: 1px 2px 8px rgba(80,50,0,0.2)
}

#link-feedback:hover {
	text-decoration: none;
	background: #fff;
	width: 14px;
	transition: width 100ms;
	-moz-transition: width 100ms;
	-webkit-transition: width 100ms
}

#dialog-feedback .dialog-buttons {
	border-top: none;
	padding: 0
}

.avatar {
	height: 50px;
	width: 50px;
	display: block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.btn {
	display: inline-block;
	padding: 8px 12px;
	margin: 0 10px 0 0;
	color: #fff;
	background-color: #a6bbb6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: none;
	font-size: 14px;
	cursor: pointer
}

.btn:hover {
	background: #aac5bf;
	color: #fff
}

.btn:focus {
	-webkit-box-shadow: 0 0 6px rgba(121,176,237,0.6);
	-moz-box-shadow: 0 0 6px rgba(121,176,237,0.6);
	box-shadow: 0 0 6px rgba(121,176,237,0.6)
}

.btn:active {
	background: #afd3ca
}

.btn.disabled,.btn[disabled] {
	background: #ccc;
	color: #eee;
	cursor: default
}

.btn.success {
	background: #efefef;
	color: #439300;
	cursor: default
}

.btn.btn-mini {
	padding: 5px 10px;
	color: #000000;
	line-height: normal;
	background: #ffffff;
	border: 1px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1)
}

.btn.btn-mini:hover {
	background: #f3f3f3;
	color: #000000
}

.btn.btn-mini:active {
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
	box-shadow: 0 0 0 rgba(0,0,0,0);
	position: relative;
	top: 1px
}

.btn.btn-large {
	padding: 10px 30px;
	font-size: 16px
}

.btn.btn-primary {
	color: #fff;
	background: #8baf47
}

.btn.btn-primary:hover {
	background: #9fc25b
}

.btn.btn-primary:active {
	background: #b6d971
}

.btn.btn-primary.disabled,.btn.btn-primary[disabled] {
	background: #ccc;
	color: #f3f3f3;
	cursor: default
}

.btn.btn-primary.success {
	background: #efefef;
	color: #439300;
	cursor: default
}

.btn.btn-x {
	background: transparent;
	font-size: 12px;
	color: #888
}

.btn.btn-x:hover {
	color: #06a
}

.btn.btn-x:active {
	color: #27c
}

.btn.btn-x.disabled,.btn.btn-x[disabled] {
	color: #ddd;
	cursor: default
}

.btn.btn-x:focus {
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
	box-shadow: 0 0 0 rgba(0,0,0,0)
}

.alert {
	position: fixed;
	top: 40px;
	left: 50%;
	display: block;
	z-index: 120;
	padding: 10px 20px;
	text-align: center;
	font-size: 14px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.alert.alert-info {
	background: #daeeec;
	color: #555
}

.alert.alert-success {
	background: #a7c955;
	color: #f4ffcf
}

.alert.alert-warn {
	background: #f6d244;
	color: #55382f
}

.alert.alert-error {
	background: #e85b3f;
	color: #fff9ec
}

.alert.hide {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}

.inform {
	font-size: 14px;
	padding: 10px 20px;
	margin-bottom: 20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.inform.inform-info {
	background: #daeeec;
	color: #555
}

.inform.inform-success {
	background: #a7c955;
	color: #f4ffcf
}

.inform.inform-warn {
	background: #f6d244;
	color: #55382f
}

.inform.inform-error {
	background: #e85b3f;
	color: #fff9ec
}

#mask {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9998;
	background-color: #000;
	opacity: 0.6;
	cursor: pointer;
	-webkit-transition: opacity 250ms ease-in-out;
	-moz-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out
}

#mask.hidden {
	opacity: 0
}

.global-loading {
	padding: 20px 20px 20px 60px;
	background: #fff url(/assets/loading-b82a3823017fd8cdd7a595e38a196189.gif) no-repeat 15px 16px;
	border-radius: 6px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: 0 0 0 -9999px;
	z-index: 9999
}

.dialog {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
	z-index: 9999;
	background-color: #ffffff;
	border: 1px solid #ccc;
	margin: 0 0 0 -9999px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 30px rgba(0,0,0,0.5);
	box-shadow: 0 0 30px rgba(0,0,0,0.5)
}

.dialog .dialog-wrapper {
	padding: 20px 30px
}

.dialog .dialog-wrapper h3 {
	font-size: 24px;
	color: #84A099;
	margin: 10px 0 20px 0
}

.dialog .dialog-wrapper .message-content p {
	padding: 20px 0 10px 0;
	font-size: 18px;
	color: #000000;
	line-height: 1.8
}

.dialog .dialog-wrapper .dialog-buttons {
	margin: 20px 0 0 0;
	padding: 20px 10px 10px 0;
	*zoom: 1
}

.dialog .dialog-wrapper .dialog-buttons:before,.dialog .dialog-wrapper .dialog-buttons:after {
	display: table;
	content: ""
}

.dialog .dialog-wrapper .dialog-buttons:after {
	clear: both
}

.dialog .dialog-wrapper .dialog-buttons button {
	float: left;
	margin: 0 0 0 2px
}

.dialog .dialog-wrapper .dialog-buttons a {
	display: block;
	float: left;
	color: #666666;
	line-height: 33px;
	font-size: 12px;
	margin: 0 0 0 20px
}

.dialog .dialog-wrapper .dialog-buttons a:hover {
	color: #06a
}

.dialog .link-close-dialog {
	display: block;
	width: 14px;
	height: 14px;
	background: url(/assets/icon-close-2bff604ebd9780d00513ed6a7351f63c.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top: 20px;
	right: 20px
}

.tooltip {
	background: #666666;
	border-radius: 2px;
	padding: 6px 0;
	position: absolute;
	top: 0;
	left: -9999px;
	z-index: 9999;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
	box-shadow: 0 0 4px rgba(0,0,0,0.3)
}

.tooltip.transition {
	-webkit-transition: top 150ms ease-in-out,opacity 150ms ease-in-out;
	-moz-transition: top 150ms ease-in-out,opacity 150ms ease-in-out;
	transition: top 150ms ease-in-out,opacity 150ms ease-in-out
}

.tooltip .tooltip-arrow {
	width: 13px;
	height: 6px;
	position: absolute;
	top: -6px;
	left: 50%;
	margin: 0 0 0 -7px;
	background: url(/assets/tooltip-arrow-050ec2faef29bd12b9bb0f5d43802db7.png) no-repeat center 0
}

.tooltip .tooltip-content {
	padding: 4px 12px;
	font-size: 12px;
	line-height: 12px;
	color: #ffffff;
	white-space: nowrap
}

.tabs {
	margin: 30px 0;
	border-bottom: 1px solid #ccc;
	*zoom: 1
}

.tabs:before,.tabs:after {
	display: table;
	content: ""
}

.tabs:after {
	clear: both
}

.tabs li {
	float: left;
	border: 1px solid transparent;
	border-bottom: none;
	background: #ffffff;
	margin: 0 0 0 10px;
	position: relative;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0
}

.tabs li a {
	display: block;
	float: left;
	font-size: 16px;
	color: #666666;
	line-height: 18px;
	padding: 11px 22px 9px
}

.tabs li a:hover {
	color: #999999
}

.tabs li.active {
	border-color: #cccccc;
	top: 1px
}

.tabs li.active a:hover {
	color: #666666;
	cursor: default
}

.gallery-wrapper {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	cursor: pointer
}

.gallery-wrapper .mask {
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.4;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: opacity 250ms ease-in-out;
	-moz-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out
}

.gallery-wrapper.loading .mask {
	opacity: 0
}

.gallery-wrapper #gallery-img {
	position: absolute;
	cursor: pointer;
	transition: width 250ms,height 250ms,top 250ms,left 250ms;
	-moz-transition: width 250ms,height 250ms,top 250ms,left 250ms;
	-webkit-transition: width 250ms,height 250ms,top 250ms,left 250ms
}

.gallery-wrapper #gallery-img img {
	display: block;
	width: 100%;
	height: 100%;
	background: #ffffff;
	-webkit-box-shadow: 0 0 10px #333;
	-moz-box-shadow: 0 0 10px #333;
	box-shadow: 0 0 10px #333
}

.gallery-wrapper #gallery-img .loading-indicator {
	display: none;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -15px 0 0 -15px;
	background: #fff url(/assets/loading-b82a3823017fd8cdd7a595e38a196189.gif) no-repeat 50% 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.gallery-wrapper #gallery-img.loading .loading-indicator {
	display: block
}

.gallery-wrapper .gallery-img-name {
	position: absolute;
	left: 50%;
	width: 800px;
	margin-left: -400px;
	overflow: hidden;
	text-align: center;
	color: #eee;
	font-size: 12px;
	padding-top: 10px
}

.gallery-wrapper .gallery-img-name span {
	cursor: default;
	display: inline-block;
	max-width: 600px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: bottom
}

.gallery-wrapper .gallery-img-name a {
	color: #ccc
}

.gallery-wrapper .gallery-img-name a:hover {
	color: #eee
}

.gallery-wrapper .gallery {
	position: absolute;
	height: 60px;
	bottom: 20px;
	left: -9999px
}

.gallery-wrapper .gallery li {
	float: left;
	margin: 0 20px 0 0
}

.gallery-wrapper .gallery li a {
	display: block;
	border: 2px solid transparent;
	opacity: 0.8
}

.gallery-wrapper .gallery li a img {
	display: block;
	height: 52px;
	width: auto
}

.gallery-wrapper .gallery li a:hover {
	opacity: 1
}

.gallery-wrapper .gallery li.selected a {
	border-color: #fff;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	opacity: 1
}

input[type="text"],input[type="password"],input[type="email"],textarea {
	display: block;
	width: 220px;
	margin: 0;
	padding: 8px 12px;
	border: 1px solid #ccc;
	outline: 0;
	font-size: 14px;
	line-height: 18px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus {
	border: 1px solid #64a8e2;
	-webkit-box-shadow: 0 0 6px rgba(121,176,237,0.6);
	-moz-box-shadow: 0 0 6px rgba(121,176,237,0.6);
	box-shadow: 0 0 6px rgba(121,176,237,0.6)
}

input[type="text"].error,input[type="password"].error,input[type="email"].error,textarea.error {
	border: 1px solid #c21;
	-webkit-box-shadow: inset 0 0 10px rgba(204,34,17,0.3);
	-moz-box-shadow: inset 0 0 10px rgba(204,34,17,0.3);
	box-shadow: inset 0 0 10px rgba(204,34,17,0.3)
}

input[type="text"].error:focus,input[type="password"].error:focus,input[type="email"].error:focus,textarea.error:focus {
	-webkit-box-shadow: 0 0 6px rgba(204,34,17,0.6);
	-moz-box-shadow: 0 0 6px rgba(204,34,17,0.6);
	box-shadow: 0 0 6px rgba(204,34,17,0.6)
}

input[type="text"][disabled],input[type="password"][disabled],input[type="email"][disabled],textarea[disabled] {
	background: #efefef
}

.fake-textarea {
	padding: 10px 15px;
	border: 1px solid #ccc;
	color: #999;
	font-size: 14px;
	cursor: text;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

textarea {
	overflow: auto
}

.form .form-item {
	margin-bottom: 20px
}

.form .form-item input[type="email"] {
	width: 320px
}

.form .form-item input[readonly="1"] {
	background: #f7f7f7;
	color: #999
}

.form .form-item textarea {
	width: 500px;
	height: 60px
}

.form .form-item .form-label {
	font-size: 16px;
	color: #555;
	margin: 0 0 0 2px
}

.form .form-item .form-field {
	margin-top: 5px
}

.form .form-item p.desc {
	font-size: 12px;
	color: #999;
	margin: 5px 0 0 2px
}

.form .form-item p.error {
	margin: 5px 0 0 2px;
	font-size: 12px;
	color: #c21
}

.form .form-buttons {
	margin: 30px 0 20px 0
}

.form.form-editor .notify-title {
	font-size: 12px;
	line-height: 12px;
	color: #666666;
	margin: 0 0 0 2px
}

.form.form-editor .notify-title .select-all {
	color: #cccccc
}

.form.form-editor .notify-title .select-all a {
	color: #999999
}

.form.form-editor .notify-title .select-all a:hover {
	text-decoration: underline
}

.form.form-editor .member-list {
	padding: 0 0 0 2px;
	*zoom: 1
}

.form.form-editor .member-list:before,.form.form-editor .member-list:after {
	display: table;
	content: ""
}

.form.form-editor .member-list:after {
	clear: both
}

.form.form-editor .member-list li {
	float: left;
	margin: 5px 30px 0 0;
	font-size: 12px;
	color: #666666;
	height: 18px
}

.form.form-editor .member-list li label {
	cursor: pointer
}

.form.form-editor .member-list li label input {
	margin-right: 5px
}

.todos-all {
	*zoom: 1
}

.todos-all:before,.todos-all:after {
	display: table;
	content: ""
}

.todos-all:after {
	clear: both
}

.todos-all .todolists-wrap {
	float: left
}

.todos-all .filters-wrap {
	float: right
}

.todos-all .filters-wrap h5 {
	font-size: 14px;
	color: #000;
	margin: 0 0 10px 0
}

.todos-all .filters-wrap select {
	width: 180px;
	display: inline-block;
	margin-bottom: 10px
}

.todos-all .filters-wrap .filter-desc {
	display: none;
	font-size: 12px;
	color: #999
}

.todos-all .filters-wrap .filter-desc strong {
	padding-right: 5px;
	font-weight: bold;
	font-size: 14px
}

.todos-all .filters-wrap .filter-desc em {
	font-style: normal;
	background: #FFF2AB;
	color: #000
}

.todos-all .stick-option {
	font-size: 12px;
	margin-top: 20px;
	border-top: 1px dashed #d9d9d9;
	padding-top: 20px
}

.todos-all .stick-option input {
	margin-right: 5px
}

.todos-all .todolists-completed-wrap {
	clear: both;
	padding: 0 100px 0 0
}

.todos-all .todolists-completed {
	color: #887;
	word-break: break-all;
	word-wrap: break-word
}

.todos-all .todolists-completed h5 {
	color: #555;
	font-size: 14px;
	display: inline-block;
	margin: 0 5px 0 0
}

.todos-all .todolists-completed a {
	color: #999;
	font-size: 12px;
	margin: 0 0 0 5px
}

.todos-all .todolists-completed a:hover {
	color: #0f769f
}

.todos-all .todolists-completed .show-all {
	font-size: 12px
}

.todos-all .todolists-completed .show-all a {
	margin: 0
}

.todos-all .todolists-completed .all {
	display: none
}

.todos-all .todo-history-link {
	margin-top: 10px
}

.todos-all .todo-history-link a {
	font-size: 12px
}

.todos-all .todo-history-link a:hover {
	color: #0f769f
}

.todolist-form {
	margin: 0 0 30px 0
}

.todolist-form input {
	width: 603px;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1.5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.todolists {
	width: 630px;
	margin: 0 0 0 2px;
	*zoom: 1
}

.todolists:before,.todolists:after {
	display: table;
	content: ""
}

.todolists:after {
	clear: both
}

.todolist {
	position: relative;
	margin: 0 0 20px 0
}

.todolist .todolist-actions .close {
	display: inline !important
}

.todolist .todolist-actions .reopen {
	display: none !important
}

.todolist.todolist-completed .title h4 a {
	color: #999
}

.todolist.todolist-completed .todolist-actions .close {
	display: none !important
}

.todolist.todolist-completed .todolist-actions .reopen {
	display: inline !important
}

.todolist a {
	color: #000
}

.todolist a:hover {
	color: #0f769f
}

.todolist .title {
	margin-bottom: 10px
}

.todolist .title h4 {
	margin: 0 0 0 -10px;
	padding: 0 0 0 10px
}

.todolist .title h4 a {
	font-weight: bold;
	line-height: 24px
}

.todolist .title .tl-todo-count {
	color: #555;
	font-size: 12px
}

.todolist .title .actions {
	left: -105px
}

.todolist .title:hover .actions {
	display: block
}

.todolist.ui-sortable-helper,.todolist.collapse {
	padding-bottom: 0;
	margin-bottom: 0
}

.todolist.ui-sortable-helper .title,.todolist.collapse .title {
	padding: 10px 10px 10px 10px;
	background: #fff;
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.todolist.ui-sortable-helper .title .actions,.todolist.ui-sortable-helper .title:hover .actions,.todolist.collapse .title .actions,.todolist.collapse .title:hover .actions {
	display: none
}

.todolist.ui-sortable-helper.ui-sortable-helper a,.todolist.collapse.ui-sortable-helper a {
	color: #0f769f
}

.todolist .todo {
	font-size: 15px;
	padding: 2px 5px 2px 10px;
	margin: 0 0 0 -10px;
	position: relative
}

.todolist .todo .todo-wrap {
	padding-left: 30px;
	line-height: 1.6
}

.todolist .todo .todo-content {
	word-wrap: break-word;
	word-break: break-all
}

.todolist .todo .todo-content span {
	display: none
}

.todolist .todo input[type="checkbox"] {
	font-size: 16px;
	vertical-align: middle;
	margin: -3px 5px 0 -23px
}

.todolist .todo .label {
	display: inline-block;
	position: relative;
	top: -2px;
	margin: 0 0 0 5px;
	padding: 4px 8px 4px;
	line-height: 1;
	background: #efefef;
	font-size: 12px;
	color: #999;
	font-style: normal;
	vertical-align: middle;
	white-space: nowrap;
	word-break: keep-all;
	word-wrap: normal;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px
}

.todolist .todo .label:hover {
	color: #666666
}

.todolist .todo .label:hover.comments-count.unread {
	background: #9db3bf
}

.todolist .todo .label.comments-count.unread {
	background: #87A1AF;
	color: #fff
}

.todolist .todo .label.no-assign {
	display: inline-block;
	border: 1px solid #eee;
	padding: 3px 7px 3px;
	color: #999999;
	background: none
}

.todolist .todo .label.no-assign:hover {
	background: #eeeeee;
	color: #666666
}

.todolist .todo .label.no-assign:hover.disabled {
	background: none;
	color: #999
}

.todolist .todo .label.no-assign.popover-target {
	display: inline-block;
	background: #eee;
	color: #666
}

.todolist .todo .label.disabled {
	color: #999;
	cursor: default
}

.todolist .todo .label.delay {
	color: #d45d51;
	background: #fbdbdb
}

.todolist .todo .label:hover.delay {
	color: #c71807
}

.todolist .todo .label.todo-proj {
	display: none
}

.todolist .todo:hover .actions {
	display: block
}

.todolist .todo .todo-actions .run {
	display: inline
}

.todolist .todo .todo-actions .pause {
	display: none
}

.todolist .todo .runner {
	display: inline-block;
	margin-left: -3px;
	height: 0px;
	width: 0;
	line-height: 0px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-webkit-transition-delay: 0.1s;
	-o-transition-delay: 0.1s
}

.todolist .todo .runner img {
	width: 24px;
	height: 24px;
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0)
}

.todolist .todo .runner.on {
	margin-left: 0;
	width: 24px;
	height: 16px;
	line-height: 24px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}

.todolist .todo .runner.on img {
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-webkit-transition-delay: 0.1s;
	-o-transition-delay: 0.1s
}

.todolist .todo.running .todo-actions .run {
	display: none
}

.todolist .todo.running .todo-actions .pause {
	display: inline
}

.todolist .todo.completed {
	padding-top: 2px;
	padding-bottom: 2px
}

.todolist .todo.completed .label {
	margin: 0;
	font-size: 12px;
	color: #999;
	background: none;
	top: 0
}

.todolist .todo.completed input[type="checkbox"] {
	font-size: 9px
}

.todolist .todo.completed .todo-content a {
	color: #999999
}

.todolist .todo.completed .todo-content a:hover {
	color: #0f769f
}

.todolist .todo span.label.comments-count {
	display: none
}

.todolist .todo.hl .todo-content {
	background: #FFF2AB;
	color: #000
}

.todolist .todo.ui-draggable-dragging,.todolist .todo.ui-sortable-helper {
	background: #fff;
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.todolist .todo.ui-draggable-dragging .actions,.todolist .todo.ui-draggable-dragging:hover .actions,.todolist .todo.ui-sortable-helper .actions,.todolist .todo.ui-sortable-helper:hover .actions {
	display: none
}

.todolist .todo.ui-draggable-dragging .todo-content a,.todolist .todo.ui-sortable-helper .todo-content a {
	color: #0f769f
}

.todolist .actions {
	position: absolute;
	left: -95px;
	top: -1px;
	z-index: 95;
	width: 100px;
	display: none
}

.todolist .actions .inr {
	float: right;
	padding: 2px 5px 2px 10px;
	background: #fff;
	border-radius: 10px 0 0 10px;
	-webkit-box-shadow: -1px 0 1px rgba(0,0,0,0.2);
	-moz-box-shadow: -1px 0 1px rgba(0,0,0,0.2);
	box-shadow: -1px 0 1px rgba(0,0,0,0.2);
	*zoom: 1
}

.todolist .actions .inr:before,.todolist .actions .inr:after {
	display: table;
	content: ""
}

.todolist .actions .inr:after {
	clear: both
}

.todolist .actions a {
	display: inline-block;
	float: right;
	width: 16px;
	height: 16px;
	padding: 4px 5px;
	text-indent: -999px;
	overflow: hidden;
	background-image: url("todo-actions-icon.png");
	background-repeat: no-repeat
}

.todolist .actions .del {
	background-position: 6px 5px
}

.todolist .actions .del:hover {
	background-position: -24px 5px
}

.todolist .actions .edit {
	background-position: 6px -25px
}

.todolist .actions .edit:hover {
	background-position: -24px -25px
}

.todolist .actions .run {
	background-position: 6px -55px
}

.todolist .actions .run:hover {
	background-position: -24px -55px
}

.todolist .actions .pause {
	background-position: 6px -85px
}

.todolist .actions .pause:hover {
	background-position: -24px -85px
}

.todolist .todo-assign-due-form {
	position: absolute;
	z-index: 100;
	background: #fff;
	padding: 10px 15px;
	width: 140px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,0.3);
	box-shadow: 0 1px 6px rgba(0,0,0,0.3)
}

.todolist .todo-assign-due-form select {
	width: 140px
}

.todolist .todo-assign-due-form .arrow {
	position: absolute;
	width: 14px;
	height: 10px;
	top: -10px;
	left: 30px;
	z-index: 101;
	background: url(arrow-up.png) no-repeat 0 0 transparent
}

.todos-completed {
	margin-top: 10px
}

.todos.ui-sortable {
	min-height: 10px
}

.todos.ui-sortable.sorting .actions {
	display: none
}

.todo-placeholder {
	display: block;
	height: 13px;
	margin-left: -10px;
	margin-bottom: 13px;
	border-bottom: 2px dashed green
}

.todolist-placeholder {
	display: block;
	height: 54px;
	margin: 0 0 0 -10px
}

.todo-new-wrap {
	margin: 5px 0 0 0
}

.todo-new-wrap .btn-new-todo {
	font-size: 14px;
	background: none;
	color: #4298ba;
	padding-left: 0;
	padding-right: 0;
	border: none;
	box-shadow: none
}

.todo-new-wrap .btn-new-todo:hover {
	color: #0f769f;
	background: none
}

.todo-form {
	padding-left: 30px
}

.todo-form input[type=checkbox] {
	float: left
}

.todo-form.new input[type=checkbox] {
	display: none
}

.todo-form .form textarea {
	width: 570px;
	margin-bottom: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	outline: 0;
	resize: none;
	font-size: 16px;
	line-height: 1.3;
	height: 20px
}

.todo-form .form .todo-conditions {
	float: right;
	font-size: 12px;
	color: #bbbbbb;
	margin: 8px 0 0 0
}

.todo-form .form .todo-conditions .condition {
	float: right
}

.todo-form .form .todo-conditions .condition select {
	max-width: 126px;
	margin: 0 10px 0 0
}

.todo-form .form .todo-conditions .condition .link-todo-due {
	color: #4298ba;
	text-decoration: underline;
	margin: 0 3px 0 0
}

.todo-form .form .todo-conditions .condition .link-todo-due:hover {
	color: #0f769f
}

.todo-form.edit {
	margin-top: 10px;
	margin-bottom: 10px
}

.todo-form.edit input[type=checkbox] {
	font-size: 16px;
	vertical-align: middle;
	margin: 0px 5px 0 -23px
}

.assign-due-popover .select-assignee h3 {
	border-bottom: none
}

.assign-due-popover .select-assignee .todo-assignee {
	margin: 0 0 12px 0;
	width: 166px
}

.assign-due-popover .select-due-date input.todo-due-date {
	display: none
}

.assign-due-popover .select-due-date .shortcuts {
	font-size: 12px;
	margin: 5px 0;
	padding: 0 0 0 5px
}

.assign-due-popover .select-due-date .shortcuts a {
	margin: 0 5px 0 0;
	color: #bbbbbb
}

.assign-due-popover .select-due-date .shortcuts a:hover {
	color: #999999
}

.assign-due-popover .select-due-date .no-due-date {
	margin: 8px 0 2px 0;
	text-align: center;
	font-size: 12px
}

.upload-limit-desc {
	color: #bbb;
	float: right;
	font-size: 11px;
	margin: 8px 5px 0 0
}

.editor {
	position: relative;
	border: 1px solid #ccc;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.editor.focus {
	border: 1px solid #64a8e2;
	-webkit-box-shadow: 0 0 6px rgba(121,176,237,0.6);
	-moz-box-shadow: 0 0 6px rgba(121,176,237,0.6);
	box-shadow: 0 0 6px rgba(121,176,237,0.6)
}

.editor.error {
	border: 1px solid #c21;
	-webkit-box-shadow: inset 0 0 15px rgba(204,34,17,0.3);
	-moz-box-shadow: inset 0 0 15px rgba(204,34,17,0.3);
	box-shadow: inset 0 0 15px rgba(204,34,17,0.3)
}

.editor.error.focus {
	-webkit-box-shadow: 0 0 6px rgba(204,34,17,0.6);
	-moz-box-shadow: 0 0 6px rgba(204,34,17,0.6);
	box-shadow: 0 0 6px rgba(204,34,17,0.6)
}

.editor textarea {
	position: absolute;
	left: -9999px;
	top: -9999px
}

.editor .wysihtml5-sandbox {
	width: 100%;
	padding: 0;
	margin: 0;
	min-height: 90px
}

.editor .editor-toolbar {
	float: right;
	padding-bottom: 5px
}

.editor .editor-toolbar .toolbar-button {
	display: block;
	float: left;
	width: 30px;
	height: 25px;
	opacity: 0.5;
	text-indent: -9999px;
	overflow: hidden
}

.editor .editor-toolbar .toolbar-button:hover {
	opacity: 1
}

.editor .editor-toolbar .toolbar-button.wysihtml5-command-active {
	opacity: 1
}

.editor .editor-toolbar .toolbar-button-em {
	background-image: url(/assets/icon-bold-a6bed52ce759deecfe0943e305995e82.png);
	background-repeat: no-repeat;
	background-position: center center
}

.editor .editor-toolbar .toolbar-button-ul {
	background-image: url(/assets/icon-ul-f9117e58368e8f789165c92ae4dd8375.png);
	background-repeat: no-repeat;
	background-position: center center
}

.editor .editor-toolbar .toolbar-button-ol {
	background-image: url(/assets/icon-ol-5838cc80be381e9118cb59304a221c66.png);
	background-repeat: no-repeat;
	background-position: center center
}

.editor .add-attachment {
	display: block;
	opacity: 0.5;
	float: right;
	text-indent: -999px;
	overflow: hidden;
	width: 30px;
	hegith: 25px;
	margin: 0 10px 0 0;
	background: url(/assets/icon-attachment-4bceecac473d176f1a1861b3305b05ac.png) no-repeat center center
}

.editor .add-attachment:hover {
	opacity: 1
}

.editor .add-attachment.active {
	opacity: 1
}

.editor .editor-attach-placeholder {
	background-color: #fff;
	height: 54px
}

.editor .editor-attachments {
	background: #f9f9f9;
	overflow: hidden;
	line-height: 1;
	clear: both;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px
}

.editor .editor-attachments .attachment {
	*zoom: 1;
	padding: 10px 15px;
	border-top: 1px solid #eee
}

.editor .editor-attachments .attachment:before,.editor .editor-attachments .attachment:after {
	display: table;
	content: ""
}

.editor .editor-attachments .attachment:after {
	clear: both
}

.editor .editor-attachments .attachment.ui-sortable-helper {
	background-color: #f0f1e6;
	border-bottom: 1px solid #eee
}

.editor .editor-attachments .attachment img {
	display: block;
	float: left;
	height: 32px;
	border: 1px solid #ccc
}

.editor .editor-attachments .attachment .name,.editor .editor-attachments .attachment .size {
	display: block;
	float: left;
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
	font-size: 12px
}

.editor .editor-attachments .attachment .size {
	color: #999999
}

.editor .editor-attachments .attachment .progress-bar {
	float: left;
	border: 1px solid #ccc;
	background: #ffffff;
	padding: 2px;
	margin: 11px 0 0 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px
}

.editor .editor-attachments .attachment .progress-bar div {
	width: 100px;
	height: 5px
}

.editor .editor-attachments .attachment .progress-bar div span {
	display: block;
	width: 1%;
	height: 100%;
	background: #0f769f;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px
}

.editor .editor-attachments .attachment .percent {
	display: block;
	float: left;
	font-size: 12px;
	padding: 10px 0 0 0;
	margin: 0 0 0 5px
}

.editor .editor-attachments .attachment .percent.ie {
	background: url(loading-upload.gif) no-repeat center center;
	text-indent: -999px;
	margin-top: 5px;
	overflow: hidden
}

.editor .editor-attachments .attachment .link-cancel {
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	background: url(/assets/icon-delete-978c337437a0af5cd6deda997981984c.png) no-repeat 0 0;
	margin: 10px 0 0 10px;
	text-indent: -9999px;
	overflow: hidden;
	opacity: 1
}

.editor .editor-attachments .attachment .link-cancel:hover {
	opacity: 0.8
}

.editor .editor-attachments.ui-sortable .attachment {
	cursor: move
}

.editor-style {
	font-size: 16px;
	line-height: 1.6;
	color: #000000
}

.editor-style a {
	color: #4298ba;
	text-decoration: none
}

.editor-style a:hover {
	color: #0f769f
}

.editor-style b {
	font-weight: bold
}

.editor-style em {
	font-size: 18px;
	color: #f78756;
	font-weight: bold;
	font-style: normal
}

.editor-style ul,.editor-style ol {
	padding: 0 0 0 30px
}

.editor-style ul li {
	list-style-type: square;
	margin: 5px 0
}

.editor-style ol li {
	list-style-type: decimal;
	margin: 5px 0
}

.editor-style blockquote {
	border-left: 3px solid #ccc;
	padding: 5px 0 5px 10px
}

.editor-style img {
	max-height: 150px;
	min-height: 24px;
	max-width: 410px;
	min-width: 30px;
	border: 1px solid #ccc;
	background: #ffffff;
	padding: 2px;
	margin: 0 10px 0 0
}

.editor-style img.uploading {
	background: #fff img-url("loading.gif") no-repeat center center
}

.droparea {
	display: none;
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	width: 100%;
	height: 100%;
	border: 1px solid #7be;
	text-align: center;
	opacity: 0.9;
	box-shadow: 0 0 10px #7be inset;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: all 0.2s ease-in-out
}

.droparea span {
	font-size: 20px;
	color: #666;
	position: absolute;
	display: block;
	width: 100%;
	top: 50%;
	margin-top: -14px
}

.droparea.droparea-active {
	border: 1px solid #74b9ef;
	box-shadow: 0 0 20px #7be inset;
	-webkit-transition: all 0.2s ease-in-out
}

.comments {
	width: 800px
}

.comment {
	margin-bottom: 30px;
	*zoom: 1
}

.comment:before,.comment:after {
	display: table;
	content: ""
}

.comment:after {
	clear: both
}

.comment .avatar-wrap {
	float: left
}

.comment .comment-main {
	margin-left: 70px
}

.comment .comment-main .author {
	font-size: 14px;
	font-weight: bold;
	color: #000
}

.comment .comment-main .author:hover {
	color: #0f769f
}

.comment .comment-main .create-time {
	font-size: 12px;
	color: #887
}

.comment .comment-main textarea.comment-content {
	width: 704px
}

.comment .comment-main .comment-content {
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word
}

.comment .comment-main .form-item {
	margin-bottom: 10px
}

.comment .comment-main .form-buttons {
	margin-top: 15px
}

.comment .comment-actions {
	float: right;
	display: none
}

.comment .comment-actions a {
	font-size: 12px;
	color: #999
}

.comment .comment-actions a:hover {
	color: #0f769f
}

.comment:hover .comment-actions {
	display: block
}

.attachments-preview {
	margin-top: 20px
}

.attachments-preview .file-list {
	*zoom: 1
}

.attachments-preview .file-list:before,.attachments-preview .file-list:after {
	display: table;
	content: ""
}

.attachments-preview .file-list:after {
	clear: both
}

.attachments-preview .file-list .file-images .file-row {
	*zoom: 1
}

.attachments-preview .file-list .file-images .file-row:before,.attachments-preview .file-list .file-images .file-row:after {
	display: table;
	content: ""
}

.attachments-preview .file-list .file-images .file-row:after {
	clear: both
}

.attachments-preview .file-list .file-images .file {
	width: 220px;
	float: left;
	margin: 0 20px 20px 0
}

.attachments-preview .file-list .file-images .file .file-thumb {
	float: none;
	width: auto;
	display: table;
	table-layout: fixed
}

.attachments-preview .file-list .file-images .file .file-thumb a {
	display: table-cell;
	float: none;
	width: 220px;
	height: 180px;
	background: #f9f9f9;
	text-align: center;
	vertical-align: middle
}

.attachments-preview .file-list .file-images .file .file-thumb a img {
	display: inline;
	max-width: 220px;
	max-height: 180px;
	vertical-align: middle;
	border: none;
	padding: 0;
	background: none
}

.attachments-preview .file-list .file-images .file .file-thumb a img.image {
	border: none;
	padding: 0;
	max-width: 220px;
	max-height: 180px
}

.attachments-preview .file-list .file-images .file .file-info {
	float: none;
	margin: 5px 0 0 0;
	width: auto
}

.attachments-preview .file-list .file-images .file .file-info .title {
	line-height: 1.8;
	margin: 8px 0 0 0
}

.attachments-preview .file-list .file-images .file .file-info .title span.name {
	float: none;
	display: inline;
	margin: 0 3px 0 0;
	word-wrap: break-word;
	word-break: break-all
}

.attachments-preview .file-list .file-images .file .file-info .title a.name {
	display: none
}

.attachments-preview .file-list .file-images .file .file-info .title .size {
	display: none
}

.attachments-preview .file-list .file-images .file .file-info .title .link-label {
	display: inline-block;
	float: none;
	margin: -1px 0 0 0;
	vertical-align: middle;
	white-space: nowrap;
	word-break: keep-all;
	word-wrap: normal
}

.attachments-preview .file-list .file-images .file .file-info .links {
	display: none
}

.attachments-preview .file-list .file-others .file .file-thumb {
	width: auto
}

.attachments-preview .file-list .file-others .file .file-thumb img {
	height: 60px
}

.attachments-preview .file-list .file-others .file .file-info .title span.name {
	display: block
}

.attachments-preview .file-list .file-others .file .file-info .title a.name {
	display: none
}

.attachments-preview .file-list .file-others .file .file-info .links {
	display: none
}

.attachments-preview .download-package {
	border-top: 1px solid #f3f3f3;
	font-size: 12px;
	color: #999999;
	padding: 5px 0 0 2px
}

.notification {
	background: #ffee83;
	color: #7c6045;
	width: 960px;
	margin: 0 auto 20px;
	padding: 8px 0;
	font-size: 14px;
	text-align: center;
	line-height: 1.5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.popover {
	position: absolute;
	left: -9999px;
	top: -9999px;
	z-index: 100
}

.popover h3 {
	font-size: 12px;
	color: #000000;
	line-height: 1;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #ddd;
	font-weight: bold
}

.popover .popover-content {
	padding: 10px 15px;
	background: #fff;
	border: 1px solid #ddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,0.3);
	box-shadow: 0 1px 6px rgba(0,0,0,0.3)
}

.popover .popover-arrow {
	width: 10px;
	height: 12px;
	background: url(/assets/popover-arrow-a35c0dc33eadc62db3524109894cf380.png) no-repeat 0 0;
	position: absolute
}

.popover.direction-up .popover-arrow {
	background-position: 0 -20px;
	bottom: 15px;
	left: -9px
}

.popover.direction-down .popover-arrow {
	background-position: 0 -20px;
	top: 15px;
	left: -9px
}

.popover.top .popover-arrow {
	background-position: 0 -10px
}

.datepicker {
	background: #ffffff;
	font-size: 12px
}

.datepicker table td {
	width: 24px;
	line-height: 24px;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	border-bottom: 2px solid #fff
}

.datepicker table .datepicker-prev a,.datepicker table .datepicker-next a {
	display: block;
	height: 100%;
	text-indent: -9999px;
	overflow: hidden
}

.datepicker table .datepicker-prev a:hover,.datepicker table .datepicker-next a:hover {
	opacity: 0.6
}

.datepicker table .datepicker-prev a {
	background: url(/assets/arrow-prev-f866132001834ed32cab86379a8576c5.png) no-repeat center center
}

.datepicker table .datepicker-next a {
	background: url(/assets/arrow-next-7e93576c7c923e8d7a599cd63c8dd89c.png) no-repeat center center
}

.datepicker table .datepicker-title {
	color: #333333;
	font-size: 14px
}

.datepicker table .datepicker-dow {
	color: #999999
}

.datepicker table .datepicker-day a {
	display: block;
	height: 100%;
	background: #f3f3f3;
	color: #333333;
	-webkit-text-shadow: 0 1px 0 #fff;
	-moz-text-shadow: 0 1px 0 #fff;
	text-shadow: 0 1px 0 #fff
}

.datepicker table .datepicker-day a:hover {
	background: #cbe0ff
}

.datepicker table .datepicker-day a.today {
	color: #e98f00
}

.datepicker table .datepicker-day a.selected {
	background: #aaccff
}

.datepicker table .datepicker-day a.disabled {
	background: #ffffff;
	color: #cccccc;
	cursor: default
}

#btn-load-more {
	display: block;
	width: 200px;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	padding: 12px 0;
	margin: 20px auto 0;
	background: #e0e5d4;
	color: #5a614b;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

#btn-load-more.loading {
	cursor: default
}

#btn-load-more.over {
	cursor: default;
	color: #838a73
}

.messages {
	margin: 20px 0 30px
}

.messages .message {
	padding: 15px 64px 12px 126px;
	border-bottom: 1px solid #ddd;
	position: relative
}

.messages .message.active {
	background: #fdfdf2
}

.messages .message .avatar {
	display: block;
	width: 40px;
	height: 40px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.15);
	box-shadow: 0 1px 3px rgba(0,0,0,0.15);
	position: absolute;
	top: 15px;
	left: 5px
}

.messages .message .name {
	width: 58px;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	position: absolute;
	top: 29px;
	left: 53px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.messages .message .name a {
	color: #000000
}

.messages .message .message-link {
	display: block;
	min-height: 40px;
	font-size: 14px;
	line-height: 16px
}

.messages .message .message-link .message-title {
	display: block;
	color: #333333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.messages .message .message-link:hover .message-title {
	color: #0066aa
}

.messages .message .message-link .message-content {
	display: block;
	line-height: 1.5;
	color: #999999;
	margin: 6px 0 0 0;
	word-break: break-all;
	word-wrap: break-word
}

.messages .message.unread .message-link .message-title {
	font-weight: bold;
	color: #000000
}

.messages .message.unread .message-link:hover .message-title {
	color: #0066aa
}

.messages .message .attachments {
	float: right;
	padding: 2px 5px 5px 10px
}

.messages .message .attachments a:hover {
	opacity: 0.8
}

.messages .message .attachments img {
	vertical-align: middle;
	max-width: 30px;
	max-height: 30px;
	border: 1px solid #ccc;
	float: left;
	margin: 0 0 0 5px;
	cursor: pointer
}

.messages .message .time {
	display: block;
	font-size: 12px;
	line-height: 12px;
	color: #aaaaaa;
	position: absolute;
	top: 16px;
	right: 5px
}

.messages .message .comments-count {
	display: block;
	font-size: 11px;
	line-height: 12px;
	color: #ffffff;
	padding: 2px 8px;
	background: #dddddd;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: absolute;
	top: 38px;
	right: 5px
}

.messages .message.unread .comments-count {
	background: #87a0b0
}

.messages .message .label-attachment {
	display: none
}

.form-new-discussion {
	display: none
}

.form-new-discussion .form-item {
	margin: 0 0 10px 0
}

.form-new-discussion .form-buttons {
	margin: 15px 0 0 0
}

.form-new-discussion #txt-title {
	font-size: 20px;
	line-height: 1;
	width: 854px
}

.form-new-discussion #txt-content {
	width: 774px;
	height: 63px;
	resize: none
}

.back-to-top {
	position: fixed;
	bottom: 20px;
	left: 50%;
	margin-left: 505px;
	display: block;
	background: #ddd url(back-to-top.png) center center no-repeat;
	width: 50px;
	height: 50px;
	text-indent: -999px;
	overflow: hidden;
	font-size: 12px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px
}

.back-to-top:hover {
	background-color: #ccc
}

.notifications .notice {
	position: relative;
	padding: 10px 80px 10px 60px;
	border-bottom: 1px solid #eee
}

.notifications .notice.no-content {
	padding-top: 21px;
	padding-bottom: 20px
}

.notifications .notice .avatar {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 12px;
	left: 5px
}

.notifications .notice .link {
	display: block;
	font-size: 14px;
	color: #000000
}

.notifications .notice .link .title {
	display: block
}

.notifications .notice .link .title .target {
	word-break: break-all;
	word-wrap: break-word
}

.notifications .notice .link:hover .title {
	color: #0f769f
}

.notifications .notice .link .content {
	display: block;
	color: #666666
}

.notifications .notice .info {
	display: block;
	color: #999999;
	font-size: 12px;
	margin: 4px 0 0 0
}

.notifications .notice .info a {
	color: #999999
}

.notifications .notice .info a:hover {
	color: #0f769f
}

.notifications .notice.unread .link .title {
	font-weight: bold
}

.notifications .notice .attachments {
	float: right;
	padding: 5px 5px 5px 10px
}

.notifications .notice .attachments a:hover {
	opacity: 0.8
}

.notifications .notice .attachments img {
	vertical-align: middle;
	max-width: 30px;
	max-height: 30px;
	border: 1px solid #ccc;
	float: left;
	margin: 0 0 0 5px;
	cursor: pointer
}

.notifications .notice .date {
	font-size: 12px;
	line-height: 1.2;
	color: #999;
	position: absolute;
	top: 12px;
	right: 5px
}

.notifications .notice .comments-count {
	display: block;
	font-size: 11px;
	line-height: 12px;
	color: #ffffff;
	padding: 2px 8px;
	background: #dddddd;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: absolute;
	top: 38px;
	right: 5px
}

.notifications .notice.unread .comments-count {
	background: #87a0b0
}

.file-list {
	*zoom: 1
}

.file-list:before,.file-list:after {
	display: table;
	content: ""
}

.file-list:after {
	clear: both
}

.file-list .file {
	min-height: 60px;
	margin: 0 0 20px 0;
	*zoom: 1
}

.file-list .file:before,.file-list .file:after {
	display: table;
	content: ""
}

.file-list .file:after {
	clear: both
}

.file-list .file.uploading {
	position: relative
}

.file-list .file.uploading .progress {
	width: 80px;
	float: left;
	margin: 7px 0 0 8px
}

.file-list .file.uploading .progress .progress-bar {
	height: 5px;
	border: 1px solid #ccc;
	background: #ffffff;
	padding: 2px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px
}

.file-list .file.uploading .progress .progress-bar div {
	height: 100%;
	background: #ffffff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px
}

.file-list .file.uploading .progress .progress-bar div span {
	display: block;
	width: 1%;
	height: 100%;
	background: #0f769f;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px
}

.file-list .file.uploading .progress .percent {
	display: none
}

.file-list .file.uploading.ie .progress {
	width: 15px;
	height: 15px;
	background: url(/assets/loading-b82a3823017fd8cdd7a595e38a196189.gif) no-repeat center center;
	margin: 5px 0 0 8px
}

.file-list .file.uploading.ie .progress .progress-bar {
	display: none
}

.file-list .file.uploading .link-cancel {
	display: block;
	width: 12px;
	height: 12px;
	background: url(/assets/icon-delete-978c337437a0af5cd6deda997981984c.png) no-repeat 0 0;
	float: left;
	margin: 6px 0 0 8px;
	text-indent: -9999px;
	overflow: hidden
}

.file-list .file .file-thumb {
	width: 120px;
	float: left;
	*zoom: 1
}

.file-list .file .file-thumb:before,.file-list .file .file-thumb:after {
	display: table;
	content: ""
}

.file-list .file .file-thumb:after {
	clear: both
}

.file-list .file .file-thumb a {
	display: block;
	float: right
}

.file-list .file .file-thumb a img {
	display: block;
	background: #ffffff;
	max-width: 120px;
	max-height: 120px
}

.file-list .file .file-thumb a img.image {
	border: 1px solid #d0d0d0;
	padding: 1px;
	max-width: 116px;
	max-height: 116px
}

.file-list .file .file-info {
	width: 500px;
	float: left;
	margin: 0 0 0 20px
}

.file-list .file .file-info .title {
	font-size: 12px;
	line-height: 25px;
	*zoom: 1
}

.file-list .file .file-info .title:before,.file-list .file .file-info .title:after {
	display: table;
	content: ""
}

.file-list .file .file-info .title:after {
	clear: both
}

.file-list .file .file-info .title .name {
	display: block;
	float: left;
	color: #333333
}

.file-list .file .file-info .title a.name:hover {
	color: #0f769f
}

.file-list .file .file-info .title span.name {
	display: none
}

.file-list .file .file-info .title .size {
	display: block;
	float: left;
	color: #bbbbbb;
	font-size: 12px;
	margin: 0 0 0 5px
}

.file-list .file .file-info .title .link-label {
	display: block;
	float: left;
	font-size: 12px;
	line-height: 14px;
	color: #999999;
	background: #eeeeee;
	border: 1px solid transparent;
	padding: 2px 4px;
	margin: 2px 0 0 10px;
	vertical-align: middle;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.file-list .file .file-info .title .link-label:hover {
	color: #666666
}

.file-list .file .file-info .title .link-label.no-label {
	border-color: #eeeeee;
	color: #999999;
	background: #ffffff
}

.file-list .file .file-info .title .link-label.no-label:hover {
	background: #eeeeee
}

.file-list .file .file-info .title .link-label.loading {
	border-color: #eeeeee;
	color: #cccccc;
	background: #f9f9f9;
	cursor: default
}

.file-list .file .file-info .title .link-label.loading:hover {
	color: #cccccc;
	background: #f9f9f9
}

.file-list .file .file-info .title .link-label.disabled {
	cursor: default
}

.file-list .file .file-info .title .link-label.disabled:hover {
	color: #999999
}

.file-list .file .file-info .title .link-label.disabled.no-label {
	display: none
}

.file-list .file .file-info .links {
	font-size: 12px;
	color: #999999;
	line-height: 20px
}

.label-popover h3 {
	border-bottom: 0
}

.label-popover .label-list {
	width: 130px
}

.label-popover .label-list .folder-item {
	display: block;
	font-size: 12px;
	line-height: 25px;
	padding: 0 5px;
	margin: 5px 0 0 0;
	color: #999999;
	background: #eeeeee;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.label-popover .label-list .folder-item:hover {
	color: #666666
}

.label-popover .label-list .folder-item.current {
	display: none
}

.label-popover .label-list .empty {
	font-size: 12px;
	color: #999999;
	margin: 10px 0
}

.label-popover .new-label {
	margin: 5px 0 5px 0
}

.label-popover .new-label .txt-new-label {
	font-size: 12px;
	line-height: 14px;
	padding: 3px 4px;
	width: 120px
}

.label-popover .remove-label {
	margin: 5px 0 0 0;
	padding: 4px 0 0 0;
	border-top: 1px solid #eee;
	text-align: center
}

.label-popover .remove-label .link-remove-label {
	font-size: 12px
}

.full-compatable {
	margin: 20px 0;
	text-align: center;
	height: 40px;
	line-height: 40px;
	color: #444;
	font-size: 14px
}

.full-compatable p {
	display: inline-block;
	background-color: #f8d291;
	padding: 0 20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px
}

.icon-del {
	display: block;
	width: 18px;
	height: 18px;
	line-height: 17px;
	background-color: #555;
	color: #fff;
	font-size: 12px;
	text-align: center;
	border: 2px solid #fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.6);
	box-shadow: 0 0 4px rgba(0,0,0,0.6)
}

.icon-del:hover {
	color: #fff;
	text-decoration: none;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.6);
	box-shadow: 0 0 6px rgba(0,0,0,0.6);
	transition: box-shadow 100ms;
	-moz-transition: box-shadow 100ms;
	-webkit-transition: box-shadow 100ms
}

.resource-deleted {
	max-width: 550px;
	margin: -1px auto 0;
	padding: 10px 40px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background-color: #dc6e00;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px
}

.resource-deleted a {
	color: #fff;
	text-decoration: underline
}

.resource-deleted a:hover {
	color: #eee
}

.init {
	margin: 30px 0;
	padding: 0 80px 0 80px
}

.init .title {
	font-size: 16px;
	color: #999999;
	line-height: 1.2
}

.init .title em {
	color: #478275
}

.init .desc {
	font-size: 14px;
	color: #999999;
	line-height: 1.2;
	margin: 8px 0 0 0
}

.init.init-discussion {
	background: url(init-discussion.png) no-repeat 5px 15px;
	margin: 0;
	padding: 20px 60px 10px
}

.init.init-todo-completed,.init.init-todo-empty {
	background: url(init-todo.png) no-repeat 5px 4px;
	margin: 0 0 20px 0;
	padding: 10px 50px 10px
}

.init.init-todo-today-empty .arrow {
	position: absolute;
	top: 1px;
	left: 260px;
	height: 71px;
	width: 46px;
	background: url(member-show-me-arrow.png) no-repeat 0 0
}

.init.init-todo-today-empty .title {
	margin: 20px 0 0 150px;
	color: #988660;
	text-align: center
}

.init.init-file {
	background: url(init-file.png) no-repeat 7px 2px;
	margin: 20px 0;
	padding: 12px 50px 10px
}

.init.init-progress {
	background: url(init-progress.png) no-repeat 12px 10px;
	padding: 10px 100px;
	margin-left: 180px;
	margin-top: 100px
}

.init.init-progress .title {
	font-size: 26px;
	color: #000000
}

.init.init-progress .desc {
	font-size: 18px;
	color: #333333
}

.init.init-notification {
	margin: 100px 0;
	padding: 0;
	text-align: center
}

.init.init-notification .title {
	background: url(init-notification.png) no-repeat 0 center;
	width: 200px;
	height: 50px;
	overflow: hidden;
	line-height: 50px;
	font-size: 28px;
	color: #ccc;
	padding-left: 50px;
	margin: 0 auto
}

.init.init-notification-small {
	background: url(init-notification-small.png) no-repeat 5px center;
	padding: 10px 0 10px 50px;
	color: #ccc
}

.init.init-project {
	background: url(init-project.png) no-repeat 5px center;
	padding: 10px 0 10px 50px;
	color: #ccc
}

html,textarea {
	font-family: helvetica,Arial
}

a {
	color: #666666;
	text-decoration: none
}

a:hover {
	color: #0f769f
}

body {
	font-size: 16px
}

select {
	font-size: 12px
}

.left {
	float: left
}

.right {
	float: right
}

.hide {
	display: none
}

.ui-sortable {
	position: relative
}

.focus {
	-webkit-box-shadow: 0px 0px 3px #06f;
	-moz-box-shadow: 0px 0px 3px #06f;
	box-shadow: 0px 0px 3px #06f
}

::-webkit-input-placeholder {
	color: #999 !important
}

:-moz-placeholder {
	color: #999 !important
}

input.placeholder {
	color: #999 !important
}

.page#page-active-email-sent .center-box {
	width: 600px
}

.page#page-active-email-sent .center-box .bd {
	padding: 30px 80px;
	text-align: center
}

.page#page-active-email-sent .center-box .bd h3 {
	padding-top: 125px;
	background: url(active-success.png) center 10px no-repeat
}

.page#page-agreement .center-box {
	width: 600px;
	font-size: 14px;
	line-height: 180%
}

.page#page-agreement .center-box h3 {
	font-size: 16px;
	margin: 2em 0 1em
}

.page#page-agreement .center-box h3.first {
	margin-top: 0
}

.page#page-agreement .center-box ul {
	padding: 1em 0 0 20px
}

.page#page-agreement .center-box li {
	list-style: disc
}

.page#page-launchpad {
	width: 660px;
	margin: 0 auto;
	position: relative
}

.page#page-launchpad .topbar .email {
	display: inline
}

.page#page-launchpad .topbar .nickname {
	display: none
}

.page#page-launchpad .teams {
	margin: 50px auto 80px;
	width: 320px;
	background-color: #fff;
	border: 1px solid #ccc;
	text-align: center;
	overflow: hidden;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 6px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 1px 6px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 6px rgba(0,0,0,0.15)
}

.page#page-launchpad .teams .fly {
	display: none;
	position: absolute;
	right: 20px;
	top: 0;
	color: #99aaa5
}

.page#page-launchpad .teams li {
	font-size: 24px;
	border-bottom: 1px solid #ccc
}

.page#page-launchpad .teams li a {
	position: relative;
	display: block;
	height: 80px;
	line-height: 80px;
	color: #666;
	padding: 0 40px;
	background: #ffffff
}

.page#page-launchpad .teams li a:hover {
	background-color: #f9f9f9
}

.page#page-launchpad .teams li a:hover .fly {
	display: inline
}

.page#page-launchpad .teams li a span {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.page#page-launchpad .teams li.new {
	border-bottom: none
}

.page#page-launchpad .teams li.new a {
	color: #999999;
	font-size: 20px;
	background-color: #f6f6f6
}

.page#page-launchpad .teams li.new a .icon-add {
	display: inline-block;
	padding-left: 28px;
	background: url(icon-add.png) 0px 49% no-repeat
}

.page#page-launchpad .teams li.new a:hover {
	background: #f9f9f9
}

.page#page-launchpad .new-team input {
	width: 400px;
	font-size: 18px;
	line-height: 26px
}

.page#page-launchpad .footer {
	width: auto
}

.page#page-member-settings {
	width: 660px;
	margin: 0 auto
}

.page#page-member-settings .form {
	padding: 0 0 0 5px
}

.page#page-member-settings .form .form-item.upload-avatar {
	height: 50px;
	position: relative;
	padding: 2px 0 0 60px;
	margin: 0 0 30px 0
}

.page#page-member-settings .form .form-item.upload-avatar .avatar-wrapper {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0
}

.page#page-member-settings .form .form-item.upload-avatar .avatar-wrapper .avatar {
	display: block;
	width: 100%;
	height: 100%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.15);
	box-shadow: 0 2px 3px rgba(0,0,0,0.15)
}

.page#page-member-settings .form .form-item.upload-avatar .avatar-wrapper .loading {
	display: none;
	width: 20px;
	height: 20px;
	background: #fff url(/assets/loading-upload-4acb931056ec71d1ad42f71604910d02.gif) no-repeat center center;
	position: absolute;
	top: 15px;
	left: 15px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.page#page-member-settings .form .form-item.upload-avatar .link-upload {
	display: inline-block;
	font-size: 14px;
	line-height: 14px;
	cursor: pointer
}

.page#page-member-settings .form .form-item.upload-avatar .link-upload:hover a {
	color: #0066aa
}

.page#page-member-settings .form .form-item.upload-avatar p.desc {
	margin: 2px 0 0 0;
	clear: both
}

.page#page-member-settings .form #txt-password {
	color: #999999
}

.page#page-member-settings .form #txt-password.on {
	color: #000000
}

.page#page-member-settings .form #txt-old-password {
	color: #999999
}

.page#page-member-settings .form #txt-old-password.on {
	color: #000000
}

.page#page-member .content {
	*zoom: 1
}

.page#page-member .content:before,.page#page-member .content:after {
	display: table;
	content: ""
}

.page#page-member .content:after {
	clear: both
}

.page#page-member .todo .todo-proj {
	display: inline
}

.page#page-member .member-info {
	border-bottom: 1px solid #ddd;
	background-color: #f6f6f6;
	padding: 20px 40px 30px;
	width: 882px;
	margin-left: -1px;
	margin-top: -1px
}

.page#page-member .member-info .avatar {
	float: left;
	width: 80px;
	height: 80px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.15);
	box-shadow: 0 2px 3px rgba(0,0,0,0.15)
}

.page#page-member .member-info .info {
	margin-left: 90px
}

.page#page-member .member-info .info h2 {
	font-size: 28px;
	font-weight: normal;
	color: #333;
	white-space: nowrap;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 10px 0 0;
	line-height: 36px
}

.page#page-member .member-info .info a.email {
	margin: 6px 0 0;
	font-size: 14px;
	color: #999
}

.page#page-member .member-info .info a.email:hover {
	color: #0066aa
}

.page#page-member .member-info a.link-settings {
	display: block;
	position: absolute;
	right: 40px;
	top: 30px;
	font-size: 12px;
	color: #999
}

.page#page-member .member-info a.link-settings:hover {
	color: #0066aa
}

.page#page-member .box {
	padding: 10px 150px 10px 5px;
	border: 3px dashed transparent
}

.page#page-member .box h5 {
	padding: 10px;
	font-weight: bold
}

.page#page-member .box .todolist {
	width: 630px
}

.page#page-member .box .init {
	margin: 15px 0 20px 100px;
	padding: 0
}

.page#page-member .box .droppable-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none
}

.page#page-member .box .droppable-mask .droppable-desc {
	position: absolute;
	top: 50%;
	left: 0;
	line-height: 1;
	margin-top: -0.5em;
	font-size: 30px;
	color: #988660;
	width: 100%;
	text-align: center
}

.page#page-member .box.box-today {
	position: relative;
	min-height: 60px;
	background: #fcf6c0;
	margin-bottom: 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	box-shadow: 0 1px 2px rgba(0,0,0,0.25)
}

.page#page-member .box.box-today h5 {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 116px;
	height: 75px;
	padding: 0;
	overflow: hidden;
	background: url("member-todo-today.png") no-repeat left top;
	color: #a39c68;
	text-indent: -999px;
	opacity: .5
}

.page#page-member .box.box-today .todolist .actions .inr {
	background: #fcf6c0
}

.page#page-member .box.box-today .todolist .actions .inr a {
	background-image: url("todo-actions-icon-today.png")
}

.page#page-member .box.box-today .todolist .todo .label {
	background: #f3e5ac;
	color: #ad9d7b
}

.page#page-member .box.box-today .todolist .todo .label:hover {
	color: #988660
}

.page#page-member .box.box-today .todolist .todo .label.delay {
	color: #d45d51;
	background: #fbdbdb
}

.page#page-member .box.box-today .todolist .todo .label.delay:hover {
	color: #c44d41
}

.page#page-member .box.box-other .droppable-mask .droppable-desc {
	color: #999
}

.page#page-member .box .ui-draggable-dragging {
	margin-left: 3px;
	width: 610px;
	z-index: 9999;
	background-color: #fff!important
}

.page#page-member .box.ui-state-highlight {
	min-height: 60px;
	border: 3px dashed #dab66a;
	position: relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.page#page-member .box.ui-state-highlight .droppable-mask {
	display: block
}

.page#page-member .box.ui-state-highlight .todos {
	opacity: 0.2
}

.page#page-member .box.ui-state-highlight .init {
	visibility: hidden
}

.page#page-member .box.ui-state-highlight.box-other {
	background: #fff;
	border-color: #eee
}

.page#page-member .box.ui-state-droppable {
	border: 3px solid #dab66a;
	background-color: #FFFBD5
}

.page#page-member .box.ui-state-droppable .droppable-mask .droppable-desc {
	color: #BEA97C
}

.page#page-member .box.ui-state-droppable.box-other .droppable-mask .droppable-desc {
	color: #ccc
}

.page#page-member .filter-by-project {
	float: right
}

.page#page-member .member-data {
	min-height: 270px;
	margin: 20px 0;
	padding: 0 40px 20px
}

.page#page-member .member-data h3 {
	margin: 20px 0 10px
}

.page#page-member .member-data h4 {
	margin: 0 0 2px
}

.page#page-member .member-data .projects {
	padding-left: 15px
}

.page#page-member .member-data .projects a {
	margin: 0 0 0 0;
	font-size: 14px;
	color: #777
}

.page#page-member .member-data .projects a:hover {
	color: #0f769f
}

.page#page-member .member-data .projects a:after {
	content: ","
}

.page#page-member .member-data .projects a:last-child:after {
	content: ""
}

.page#page-member .member-data p {
	font-size: 14px;
	line-height: 1.8;
	margin: 20px 0 40px 0;
	color: #999999
}

.page#page-member .member-data p em {
	font-weight: bold;
	color: #000000
}

.page#page-member .member-data p .status {
	font-weight: bold;
	color: #356
}

.page#page-member .member-data p .status.admin {
	color: #439300
}

.page#page-member .member-data p .link-delete {
	color: #e2afaf
}

.page#page-member .member-data p .link-delete:hover {
	color: #cf372b
}

.page#page-member .member-data p .highlight {
	display: inline-block;
	padding: 10px 20px;
	margin: 5px 0 0 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #e2ebdb;
	color: #333333;
	font-family: Courier
}

.page#page-member .member-data .todolist {
	padding: 0;
	margin-bottom: 0
}

.page#page-member .member-data .todolist h4 {
	color: #999;
	font-size: 14px
}

.page#page-member .member-data .todolist h4 a {
	color: #999
}

.page#page-member .member-data .todolist h4 a:hover {
	color: #666
}

.page#page-member .member-data .notification-title {
	margin: 20px 0 10px;
	*zoom: 1
}

.page#page-member .member-data .notification-title:before,.page#page-member .member-data .notification-title:after {
	display: table;
	content: ""
}

.page#page-member .member-data .notification-title:after {
	clear: both
}

.page#page-member .member-data .notification-title h3 {
	float: left;
	margin: 0
}

.page#page-member .member-data .notification-title a {
	float: right;
	font-size: 12px;
	margin-top: 5px;
	margin-right: 5px
}

.page#page-member .member-data .notifications {
	margin: 0 0 30px
}

.page#page-member .member-data .notifications .link .content {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.page#page-member .member-data .more {
	font-size: 12px;
	margin-top: 20px
}

.page#page-members .members {
	*zoom: 1
}

.page#page-members .members:before,.page#page-members .members:after {
	display: table;
	content: ""
}

.page#page-members .members:after {
	clear: both
}

.page#page-members .members li {
	float: left;
	height: 160px;
	margin: 0 30px 30px
}

.page#page-members .members li .member {
	display: block;
	float: left;
	cursor: pointer;
	color: #333;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.page#page-members .members li .member .avatar {
	display: block;
	width: 100px;
	height: 100px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.15);
	box-shadow: 0 2px 3px rgba(0,0,0,0.15)
}

.page#page-members .members li .member:hover .avatar {
	-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 2px 8px rgba(0,0,0,0.5);
	box-shadow: 0 2px 8px rgba(0,0,0,0.5)
}

.page#page-members .members li .member .name,.page#page-members .members li .member .role {
	display: block;
	width: 100px
}

.page#page-members .members li .member .name {
	margin: 10px 0 0 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.page#page-members .members li .member .role {
	font-size: 12px;
	color: #999;
	margin: 3px 0 0 0
}

.page#page-members .members li .member.owner .role {
	color: #f68539
}

.page#page-message .topic {
	border-bottom: 1px solid #ddd;
	padding: 0 0 30px 0;
	margin: 20px 0 30px;
	width: 800px
}

.page#page-message .topic .project-info {
	font-size: 12px;
	color: #aaaaaa;
	margin: 0 0 20px 0
}

.page#page-message .topic .project-info a {
	color: #aaaaaa
}

.page#page-message .topic .project-info a:hover {
	color: #4298ba
}

.page#page-message .topic .message {
	*zoom: 1
}

.page#page-message .topic .message:before,.page#page-message .topic .message:after {
	display: table;
	content: ""
}

.page#page-message .topic .message:after {
	clear: both
}

.page#page-message .topic .message .message-subject {
	overflow: hidden;
	margin-bottom: 10px
}

.page#page-message .topic .message h3 {
	float: left;
	color: #000;
	font-size: 20px;
	font-weight: 500;
	margin: 0
}

.page#page-message .topic .message .message-actions {
	float: right;
	margin-top: 3px
}

.page#page-message .topic .message .message-actions a {
	font-size: 12px;
	color: #4298ba
}

.page#page-message .topic .message .message-actions a:hover {
	color: #0f769f
}

.page#page-message .topic .message .avatar-wrap {
	float: left
}

.page#page-message .topic .message .message-main {
	margin-left: 70px
}

.page#page-message .topic .message .message-main .message-content {
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word
}

.page#page-message .topic .message .message-main .author {
	font-size: 14px;
	font-weight: bold;
	color: #000
}

.page#page-message .topic .message .message-main .author:hover {
	color: #0f769f
}

.page#page-message .topic .message .message-main .create-time {
	font-size: 12px;
	color: #887
}

.page#page-message .form-edit-message .form-item {
	margin: 0 0 10px 0
}

.page#page-message .form-edit-message .form-buttons {
	margin: 15px 0 0 0
}

.page#page-message .form-edit-message #txt-title {
	font-size: 20px;
	line-height: 1;
	width: 774px
}

.page#page-message .form-edit-message #txt-content {
	width: 774px;
	height: 63px;
	resize: none
}

.page#page-message .history {
	color: #999
}

.page#page-message .history h4 {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold
}

.page#page-message .history .activity {
	font-size: 12px
}

.page#page-message .history .activity a {
	color: #999
}

.page#page-message .history .activity .time,.page#page-message .history .activity .sp,.page#page-message .history .activity .target,.page#page-message .history .activity .member {
	display: none
}

.page#page-message .history .activity .reply {
	display: inline
}

.page#page-message .history .activity .reply .reply-content {
	display: none
}

.page#page-message .history .activity .reply .title {
	display: inline
}

.page#page-message .history .activity .action {
	display: inline;
	margin: 0
}

.page#page-message .history .activity .action .title {
	display: inline
}

.page#page-message .history .activity .action .title a {
	margin: 0 2px
}

.page#page-topics .editor-wrapper {
	margin: 30px 0 0 0
}

.page#page-progress #select-member {
	position: absolute;
	top: 65px;
	right: 43px
}

.page#page-progress .progress-day {
	margin: 80px 0 0 0;
	padding: 0 0 0 86px;
	position: relative
}

.page#page-progress .progress-day h4 {
	width: 74px;
	height: 74px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 6px solid #d2e8ea;
	line-height: 74px;
	text-align: center;
	font-size: 38px;
	font-family: "Microsoft Yahei","SimHei",Helvetica,Arial;
	color: #769bb3;
	position: absolute;
	top: -74px;
	left: 0
}

.page#page-progress .progress-day h4 .date {
	display: block;
	font-size: 20px;
	line-height: 24px;
	font-family: "Helvetica Neue",Arial;
	font-weight: bold;
	margin: 16px 0 0 0
}

.page#page-progress .progress-day h4 .day {
	display: block;
	font-size: 14px;
	line-height: 14px;
	color: #666666;
	margin: 4px 0 0 0
}

.page#page-progress .progress-day.weekend h4 {
	border-color: #f6dbc0;
	color: #c07f3d
}

.page#page-progress .progress-day .progress-project {
	padding: 30px 100px 10px 0;
	border-top: 1px solid #d2e8ea;
	position: relative
}

.page#page-progress .progress-day .progress-project h5 {
	font-size: 18px;
	line-height: 18px;
	color: #999999;
	padding: 0 5px 0 15px;
	background: url(/assets/bg-8bed488ceb8bcd20ff2e633b62c9242c.png) repeat-x 0 0;
	position: absolute;
	top: -11px;
	right: 0
}

.page#page-progress .progress-day .progress-project h5 a {
	color: #999999
}

.page#page-progress .progress-day .progress-project h5 a:hover {
	color: #0f769f
}

.page#page-progress .progress-day .progress-project .activity {
	margin: 0 0 30px 0;
	padding: 0 0 0 55px;
	font-size: 14px;
	line-height: 1.5;
	position: relative
}

.page#page-progress .progress-day .progress-project .activity .time {
	font-size: 12px;
	line-height: 12px;
	color: #888877;
	font-family: "Helvetica Neue",Arial;
	position: absolute;
	top: 18px;
	left: 10px
}

.page#page-progress .progress-day .progress-project .activity .datetime {
	display: none
}

.page#page-progress .progress-day .progress-project .activity .avatar {
	display: block;
	width: 50px;
	height: 50px;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.15);
	box-shadow: 0 2px 3px rgba(0,0,0,0.15);
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	left: 5px;
	top: 0
}

.page#page-progress .progress-day .progress-project .activity a {
	color: #000000
}

.page#page-progress .progress-day .progress-project .activity a:hover {
	color: #0f769f
}

.page#page-progress .progress-day .progress-project .activity .reply {
	padding: 0 0 0 70px;
	position: relative
}

.page#page-progress .progress-day .progress-project .activity .reply .title {
	padding: 2px 0 0 0;
	color: #000000;
	word-wrap: break-word
}

.page#page-progress .progress-day .progress-project .activity .reply .title em {
	font-weight: bold;
	margin: 0 8px 0 0
}

.page#page-progress .progress-day .progress-project .activity .reply .reply-content {
	line-height: 1.6;
	margin: 3px 0 0 0;
	color: #666666
}

.page#page-progress .progress-day .progress-project .activity .action {
	padding: 6px 0 0 70px;
	position: relative;
	min-height: 37px;
	word-wrap: break-word;
	*zoom: 1
}

.page#page-progress .progress-day .progress-project .activity .action:before,.page#page-progress .progress-day .progress-project .activity .action:after {
	display: table;
	content: ""
}

.page#page-progress .progress-day .progress-project .activity .action:after {
	clear: both
}

.page#page-progress .progress-day .progress-project .activity .action .title {
	display: inline;
	color: #000000
}

.page#page-progress .progress-day .progress-project .activity .action .title em {
	font-weight: bold;
	margin: 0 8px 0 0
}

.page#page-progress .progress-day .progress-project .activity .action .title em a {
	margin: 0
}

.page#page-progress .progress-day .progress-project .activity .action .title a {
	margin: 0 5px
}

.page#page-progress .progress-day .progress-project .activity .action .target {
	display: inline
}

.page#page-progress .progress-day.weekend .progress-project {
	border-color: #f6dbc0
}

.page#page-project-settings #project-name,.page#page-new-project #project-name,.page#page-project-members #project-name {
	width: 300px;
	font-size: 20px;
	line-height: 1
}

.page#page-project-settings #project-desc,.page#page-new-project #project-desc,.page#page-project-members #project-desc {
	width: 600px;
	max-width: 600px;
	height: 50px;
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 20px;
	overflow: hidden
}

.page#page-project-settings .form .form-item,.page#page-new-project .form .form-item,.page#page-project-members .form .form-item {
	margin-bottom: 10px
}

.page#page-project-settings .setting-section,.page#page-new-project .setting-section,.page#page-project-members .setting-section {
	margin: 40px 0 0 0;
	font-size: 14px
}

.page#page-project-settings .setting-section h4,.page#page-new-project .setting-section h4,.page#page-project-members .setting-section h4 {
	font-size: 16px;
	color: #000000
}

.page#page-project-settings .setting-section .desc,.page#page-new-project .setting-section .desc,.page#page-project-members .setting-section .desc {
	color: #999999
}

.page#page-project-settings .setting-section .link-delete,.page#page-new-project .setting-section .link-delete,.page#page-project-members .setting-section .link-delete {
	color: #e2afaf
}

.page#page-project-settings .setting-section .link-delete:hover,.page#page-new-project .setting-section .link-delete:hover,.page#page-project-members .setting-section .link-delete:hover {
	color: #cf372b
}

.page#page-project-settings .members,.page#page-new-project .members,.page#page-project-members .members {
	margin: 20px 0 10px 0;
	*zoom: 1
}

.page#page-project-settings .members:before,.page#page-project-settings .members:after,.page#page-new-project .members:before,.page#page-new-project .members:after,.page#page-project-members .members:before,.page#page-project-members .members:after {
	display: table;
	content: ""
}

.page#page-project-settings .members:after,.page#page-new-project .members:after,.page#page-project-members .members:after {
	clear: both
}

.page#page-project-settings .members .member,.page#page-new-project .members .member,.page#page-project-members .members .member {
	float: left;
	width: 160px;
	height: 50px;
	overflow: hidden;
	margin: 0 20px 20px 0;
	padding: 10px;
	background: #eee;
	color: #777;
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.page#page-project-settings .members .member .avatar,.page#page-new-project .members .member .avatar,.page#page-project-members .members .member .avatar {
	float: left;
	width: 50px;
	height: 50px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.15);
	box-shadow: 0 2px 3px rgba(0,0,0,0.15)
}

.page#page-project-settings .members .member .name,.page#page-project-settings .members .member .role,.page#page-new-project .members .member .name,.page#page-new-project .members .member .role,.page#page-project-members .members .member .name,.page#page-project-members .members .member .role {
	display: block;
	width: 100px;
	margin: 0 0 0 60px
}

.page#page-project-settings .members .member .name,.page#page-new-project .members .member .name,.page#page-project-members .members .member .name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.page#page-project-settings .members .member .role,.page#page-new-project .members .member .role,.page#page-project-members .members .member .role {
	font-size: 12px;
	color: #999
}

.page#page-project-settings .members .member.selected,.page#page-new-project .members .member.selected,.page#page-project-members .members .member.selected {
	background: #e1eccb url(icon-check.png) 155px 45px no-repeat;
	color: #668833
}

.page#page-project-settings .members .empty,.page#page-new-project .members .empty,.page#page-project-members .members .empty {
	color: #999;
	margin-bottom: 20px;
	display: inline-block;
	-webkit-text-shadow: 0 1px 0px #fff;
	-moz-text-shadow: 0 1px 0px #fff;
	text-shadow: 0 1px 0px #fff
}

.page#page-project-settings .del-project-confirm p,.page#page-new-project .del-project-confirm p,.page#page-project-members .del-project-confirm p {
	line-height: 1.5
}

.page#page-project-settings .del-project-confirm #del-project-text,.page#page-new-project .del-project-confirm #del-project-text,.page#page-project-members .del-project-confirm #del-project-text {
	margin: 20px 0
}

.page#page-project-settings .invite-members label,.page#page-new-project .invite-members label,.page#page-project-members .invite-members label {
	color: #000
}

.page#page-project-settings .link-show-invite,.page#page-new-project .link-show-invite,.page#page-project-members .link-show-invite {
	font-size: 12px;
	color: #999
}

.page#page-project-settings .link-show-invite:hover,.page#page-new-project .link-show-invite:hover,.page#page-project-members .link-show-invite:hover {
	color: #0f769f
}

.page#page-project-settings .invite-item,.page#page-new-project .invite-item,.page#page-project-members .invite-item {
	margin-bottom: 5px
}

.page#page-project-settings .invite-item .invite-email,.page#page-new-project .invite-item .invite-email,.page#page-project-members .invite-item .invite-email {
	display: inline-block;
	margin-right: 10px
}

.page#page-project-settings .invite-item .del-invite,.page#page-new-project .invite-item .del-invite,.page#page-project-members .invite-item .del-invite {
	font-size: 12px;
	color: #999;
	display: none
}

.page#page-project-settings .invite-item .del-invite:hover,.page#page-new-project .invite-item .del-invite:hover,.page#page-project-members .invite-item .del-invite:hover {
	color: #0f769f
}

.page#page-project-settings .invite-item .error,.page#page-new-project .invite-item .error,.page#page-project-members .invite-item .error {
	margin-bottom: 8px
}

.page#page-project-settings .invite-item:hover .del-invite,.page#page-new-project .invite-item:hover .del-invite,.page#page-project-members .invite-item:hover .del-invite {
	display: inline
}

.page#page-project-settings .add-invite-wrap,.page#page-new-project .add-invite-wrap,.page#page-project-members .add-invite-wrap {
	margin-top: 10px;
	font-size: 12px
}

.page#page-project-settings .link-invite-message,.page#page-new-project .link-invite-message,.page#page-project-members .link-invite-message {
	font-size: 12px;
	margin-left: 2px
}

.page#page-project h3 {
	margin-bottom: 20px
}

.page#page-project .project-header {
	padding: 30px 2px 26px;
	background: url(project-head-border.png) repeat-x 0 100%
}

.page#page-project .project-header .project-title {
	font-size: 28px;
	font-family: "Microsoft Yahei","SimHei",Helvetica,Arial;
	line-height: 28px;
	color: #555;
	text-align: left
}

.page#page-project .project-header .project-desc {
	font-size: 14px;
	color: #666666;
	line-height: 1.5;
	margin: 10px 0 0 0;
	text-align: left
}

.page#page-project[data-archived] .project-header .project-title,.page#page-project[data-archived] .project-header .project-desc {
	color: #ccc
}

.page#page-project .link-topic {
	display: block;
	width: 76px;
	height: 67px;
	background: url(/assets/message-label-8a0370c9cb31a627ba185141354f0972.png) no-repeat 0 0;
	position: absolute;
	top: -3px;
	left: 40px
}

.page#page-project .link-topic:hover {
	opacity: 0.8;
	top: -4px
}

.page#page-project .link-topic.unread {
	background-position: 0 -67px
}

.page#page-project .link-topic .name {
	display: block;
	font-size: 20px;
	line-height: 20px;
	color: #ffffff;
	text-align: center;
	margin: 18px 0 0 0
}

.page#page-project .link-topic.unread .name {
	font-size: 20px;
	line-height: 20px;
	margin-top: 12px
}

.page#page-project .link-topic .count {
	display: none;
	font-size: 12px;
	line-height: 12px;
	color: #ffffff;
	margin: 5px 0 0 0;
	text-align: center
}

.page#page-project .link-topic.unread .count {
	display: block
}

.page#page-project .link-admin {
	position: absolute;
	top: 30px;
	right: 45px;
	overflow: hidden;
	background: #fff
}

.page#page-project .link-admin a {
	margin-left: 20px;
	line-height: 30px;
	font-size: 14px;
	color: #999;
	opacity: .8
}

.page#page-project .link-admin a:hover {
	color: #666666;
	opacity: 1
}

.page#page-project .topics-head {
	margin-bottom: 10px
}

.page#page-project .messages {
	margin: 0 0 30px
}

.page#page-project .messages.empty {
	color: #999999;
	font-size: 14px;
	padding: 20px 0 0 0
}

.page#page-project .messages .message {
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 124px
}

.page#page-project .messages .message .avatar {
	width: 36px;
	height: 36px;
	top: 9px
}

.page#page-project .messages .message .name {
	top: 22px;
	left: 50px
}

.page#page-project .messages .message .message-link .message-content {
	margin-top: 3px;
	white-space: nowrap;
	overflow: hidden;
	line-height: 1.2;
	text-overflow: ellipsis
}

.page#page-project .messages .message .time {
	top: 12px
}

.page#page-project .messages .message .comments-count {
	top: 30px
}

.page#page-project .form-new-discussion {
	margin: 20px 0 20px 0
}

.page#page-project .file-list {
	padding: 10px 0 0 20px
}

.page#page-project .folders {
	margin: 15px 0 5px 0
}

.page#page-project .more {
	font-size: 12px;
	margin: 20px 0 0 0
}

.page#page-project .file-links {
	font-size: 12px;
	margin: 10px 0 0 0
}

.page#page-project .file-links a {
	margin: 0 10px 0 0
}

.page#page-project .trash {
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 84px;
	height: 84px;
	font-size: 14px;
	text-align: right
}

.page#page-project .trash a {
	display: block;
	overflow: hidden;
	background: url(/assets/trash-icon-f34ecb950d82366fb3dfe6be05212f37.png) no-repeat 0 0;
	width: 84px;
	height: 84px;
	opacity: 0.5;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out
}

.page#page-project .trash a:hover {
	opacity: 1;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out
}

.page#page-project .trash a img {
	position: relative;
	top: 17px;
	left: 17px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out
}

.page#page-project .trash a:hover img {
	top: 8px;
	left: 8px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out
}

.page#page-reset-password .center-box .bd .reset-success {
	background: url(/assets/reset-password-success-86e7b6b0695f7d7282ae96eabcb0c9da.png) no-repeat 50% 20px;
	padding: 160px 0 20px 0;
	text-align: center
}

.page#page-reset-password .center-box .bd .reset-success h3 {
	margin-bottom: 0
}

.page#page-search-result .content h3 {
	border-bottom: 2px solid #c1d0cc;
	font-size: 18px;
	padding-bottom: 10px;
	margin-bottom: 30px
}

.page#page-search-result select.category {
	position: absolute;
	top: 34px;
	right: 43px
}

.page#page-search-result .results {
	font-size: 14px;
	*zoom: 1
}

.page#page-search-result .results:before,.page#page-search-result .results:after {
	display: table;
	content: ""
}

.page#page-search-result .results:after {
	clear: both
}

.page#page-search-result .results li {
	margin-bottom: 30px;
	line-height: 1.5;
	color: #000
}

.page#page-search-result .results li a {
	color: #000
}

.page#page-search-result .results li a:hover {
	color: #0f769f
}

.page#page-search-result .results li p {
	margin-bottom: 3px;
	word-break: break-all;
	word-wrap: break-word
}

.page#page-search-result .results li .side {
	float: left;
	width: 80px;
	text-align: right
}

.page#page-search-result .results li .side a {
	float: right;
	margin-right: 10px
}

.page#page-search-result .results li .main {
	margin: 0 100px 0 90px
}

.page#page-search-result .results li .result-title {
	color: #000
}

.page#page-search-result .results li .result-title a {
	color: #3f82ae
}

.page#page-search-result .results li .result-title a:hover {
	color: #0f769f
}

.page#page-search-result .results li .result-project {
	color: #666
}

.page#page-search-result .results li .result-project a {
	color: #666
}

.page#page-search-result .results li .result-project a:hover {
	color: #0f769f
}

.page#page-search-result .results li .result-time {
	font-size: 12px;
	color: #999
}

.page#page-search-result .results li .author {
	font-weight: bold
}

.page#page-search-result .results li .attachments-preview .attach-images .attach-link .attach-image {
	background-color: #fff
}

.page#page-search-result .results li.empty {
	color: #999
}

.page#page-search-result .match {
	padding: 0 2px;
	background: #fff3a0
}

.page#page-signin .form {
	margin: 0 0 10px 0
}

.page#page-signin .form .form-item input[type="email"],.page#page-signin .form .form-item input[type="password"],.page#page-signin .form .form-item input[type="text"] {
	width: 300px
}

.page#page-signin .form .forgot-pw {
	font-size: 12px
}

.page#page-signin .form #label-remember {
	font-size: 12px;
	color: #666666;
	cursor: pointer;
	margin: 0 0 0 10px
}

.page#page-signin .form #label-remember #cb-remember {
	margin: 0 5px 0 0
}

.page#page-signup .declare {
	color: #999;
	font-size: 12px;
	margin: 30px 0 10px 0;
	padding: 0 0 0 2px
}

.page#page-team-settings .section {
	margin: 40px 0;
	color: #333;
	font-size: 14px;
	line-height: 1.8
}

.page#page-team-settings .section h4 {
	font-size: 18px;
	color: #333;
	margin: 0 0 10px 0;
	line-height: 1
}

.page#page-team-settings .section p.desc {
	color: #666
}

.page#page-team-settings .section b {
	font-weight: bold
}

.page#page-team-settings .team-name {
	margin-top: 30px
}

.page#page-team-settings .team-name h3 {
	font-size: 24px;
	margin: 0 0 10px;
	line-height: 1
}

.page#page-team-settings .team-name h3 .free {
	font-size: 14px;
	color: #999
}

.page#page-team-settings .team-name h3 a {
	display: none;
	font-size: 12px;
	margin-left: 12px
}

.page#page-team-settings .team-name .desc {
	font-size: 14px;
	color: #999
}

.page#page-team-settings .team-name form {
	display: none;
	margin-bottom: 10px
}

.page#page-team-settings .team-name form input {
	display: inline-block;
	font-size: 18px
}

.page#page-team-settings .team-name form p.error {
	display: inline;
	font-size: 12px;
	line-height: 39px;
	color: #c21;
	margin: 0 0 0 10px
}

.page#page-team-settings .team-name form .btn-save {
	margin: 0 0 0 10px
}

.page#page-team-settings .team-name:hover h3 a {
	display: inline
}

.page#page-team-settings .program {
	margin: 15px 0 15px;
	display: table;
	*zoom: 1
}

.page#page-team-settings .program:before,.page#page-team-settings .program:after {
	display: table;
	content: ""
}

.page#page-team-settings .program:after {
	clear: both
}

.page#page-team-settings .program .program-trial {
	float: left;
	font-size: 14px;
	color: #ffffff;
	line-height: 18px;
	padding: 4px 6px;
	background: #9cbc58;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.page#page-team-settings .program .icon-plus {
	background: url(icon-add.png) center center no-repeat;
	width: 50px;
	display: table-cell;
	vertical-align: middle
}

.page#page-team-settings .program .program-extra-wrap {
	display: table-cell;
	vertical-align: middle
}

.page#page-team-settings .program .program-extra {
	text-align: center;
	line-height: 1;
	width: 100px;
	height: 60px;
	background-color: #e5c265;
	background-repeat: no-repeat;
	margin-right: 10px;
	color: #fff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px
}

.page#page-team-settings .program .program-extra .desc {
	display: block;
	padding: 15px 0 4px 0
}

.page#page-team-settings .program .program-extra.add {
	display: block;
	width: 92px;
	height: 52px;
	border: 4px dashed #ddd;
	background-color: transparent;
	color: #ddd
}

.page#page-team-settings .program .program-extra.add .desc {
	padding: 12px 0 2px 0
}

.page#page-team-settings .program .program-extra.add:hover {
	border-color: #ccc;
	color: #ccc
}

.page#page-team-settings .program .program-item {
	display: table-cell;
	vertical-align: middle;
	float: left;
	text-align: center;
	line-height: 1;
	width: 150px;
	height: 87px;
	background-color: #9cbc58;
	background-repeat: no-repeat;
	color: #fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px
}

.page#page-team-settings .program .program-item .price-wrap {
	display: block;
	font-size: 24px;
	margin-top: 15px;
	margin-bottom: 4px
}

.page#page-team-settings .program .program-item .price-wrap .yen {
	font-size: 30px
}

.page#page-team-settings .program .program-item .price-wrap .price {
	font-size: 36px
}

.page#page-team-settings .program .program-item .desc {
	font-size: 14px
}

.page#page-team-settings .program .program-0 {
	background-image: url(plan-air-0-current.png);
	background-position: -10px 55px
}

.page#page-team-settings .program .program-1 {
	background-image: url(plan-air-1-current.png);
	background-position: -5px 36px
}

.page#page-team-settings .program .program-2 {
	background-image: url(plan-air-2-current.png);
	background-position: -10px 15px
}

.page#page-team-settings .program .program-3 {
	background-image: url(plan-air-3-current.png);
	background-position: -5px -10px
}

.page#page-team-settings .program-info {
	color: #666;
	position: relative
}

.page#page-team-settings .program-info em {
	color: #eb6900;
	margin: 0 5px
}

.page#page-team-settings .program-info .guide-wrap {
	position: absolute;
	left: 470px;
	top: -40px;
	background: url(payment-arrow.png) 0 10px no-repeat;
	color: #777
}

.page#page-team-settings .program-info .guide-wrap .guide {
	background: url(payment-towerimh.png) right 9px no-repeat;
	padding: 20px 0;
	font-weight: bold;
	font-size: 16px;
	text-align: right;
	width: 300px;
	padding-right: 75px
}

.page#page-team-settings .rm-team .link-delete:hover {
	color: #ee6500
}

.page#page-team-settings .del-team-confirm {
	background: url(icon-rm-team.png) right center no-repeat;
	padding-right: 150px
}

.page#page-team-settings .del-team-confirm p {
	line-height: 1.5
}

.page#page-team-settings .del-team-confirm #del-team-text {
	margin: 20px 0
}

.page#page-rm-team-success .rm-team-success {
	background: url(rm-team-success.png) 0 center no-repeat;
	padding: 380px 0 0;
	width: 580px;
	margin: 20px auto;
	line-height: 1;
	text-align: center
}

.page#page-rm-team-success .rm-team-success h3 {
	font-size: 24px;
	color: #333;
	margin: 0 0 15px
}

.page#page-rm-team-success .rm-team-success p {
	font-size: 16px;
	color: #555
}

.page#page-team-show .email-verify-notice {
	position: relative;
	top: 0;
	margin: 40px 0;
	padding: 10px 20px;
	text-align: center;
	font-size: 14px;
	background: #f6d244;
	color: #55382f;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px
}

.page#page-team-show .projects {
	margin: 30px 0 0 0;
	*zoom: 1
}

.page#page-team-show .projects:before,.page#page-team-show .projects:after {
	display: table;
	content: ""
}

.page#page-team-show .projects:after {
	clear: both
}

.page#page-team-show .project {
	position: relative;
	float: left;
	width: 240px;
	height: 200px;
	overflow: hidden;
	margin-bottom: 20px;
	text-align: center
}

.page#page-team-show .project .folder {
	position: relative;
	display: block;
	width: 152px;
	height: 113px;
	margin: 0 auto 15px;
	background: url(../img/project-item-mask.png) top left no-repeat #cee6e9;
	font-family: "towericon";
	outline: none
}

.page#page-team-show .project .folder .badge:after {
	font-size: 90px;
	line-height: 1.4;
	text-shadow: 0 1px 0 rgba(255,255,255,0.4),0 -1px 0 rgba(0,0,0,0.4)
}

.page#page-team-show .project .folder .badge-edit {
	display: none;
	position: absolute;
	bottom: 8px;
	right: 7px;
	width: 15px;
	height: 15px;
	background: url("../img/icon-info.png") left top no-repeat
}

.page#page-team-show .project .folder:hover {
	opacity: .8
}

.page#page-team-show .project .folder .badge-edit.visible,.page#page-team-show .project .folder:hover .badge-edit {
	display: block;
	opacity: .7
}

.page#page-team-show .project .folder .badge-edit.visible:hover,.page#page-team-show .project .folder:hover .badge-edit:hover {
	opacity: 1;
	cursor: pointer
}

.page#page-team-show .project .name {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.page#page-team-show .project .name a {
	font-size: 18px;
	font-weight: 400;
	color: #333;
	font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","SimHei",Sans-serif
}

.page#page-team-show .project .name a:hover {
	opacity: 0.8
}

.page#page-team-show .project .desc {
	font-size: 12px;
	color: #999;
	line-height: 18px;
	padding: 0 10px;
	overflow: hidden;
	height: 38px
}

.page#page-team-show .project.new .folder {
	margin-top: 2px;
	background: url(../img/btn-new-project.png) 0 0 no-repeat
}

.page#page-team-show .project.new .folder:hover {
	background-position: 0 -113px
}

.page#page-team-show .project.new .name a {
	color: #999
}

.page#page-team-show .badge-settings {
	position: absolute;
	top: 102px;
	left: -50px;
	z-index: 10;
	display: block;
	font-family: 'towericon';
	width: 314px;
	height: 190px;
	padding: 30px;
	text-align: center;
	background: url("project-badge-settings-bg.png") top left no-repeat
}

.page#page-team-show .badge-settings li {
	display: inline-block;
	cursor: pointer
}

.page#page-team-show .badge-settings .color-sets {
	margin: 15px 0
}

.page#page-team-show .badge-settings .color-sets li {
	width: 23px;
	height: 23px;
	margin: 1px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px
}

.page#page-team-show .badge-settings .color-sets li:hover {
	width: 21px;
	height: 21px;
	margin: 0;
	border: 2px solid
}

.page#page-team-show .badge-settings .color-sets li.selected {
	position: relative;
	width: 21px;
	height: 21px;
	margin: 0;
	border: 2px solid
}

.page#page-team-show .badge-settings .color-sets li.selected:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 22px;
	content: "\2714";
	text-align: center
}

.page#page-team-show .badge-settings .icons li {
	width: 43px;
	height: 43px;
	margin: 8px 3px 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-size: 50px;
	line-height: 45px
}

.page#page-team-show .badge-settings .icons li:not(.selected) {
	background: #fff;
	opacity: .6;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out
}

.page#page-team-show .badge-settings .icons li:hover {
	opacity: 1;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out
}

.page#page-team-show .project-archived {
	margin: 20px 0 40px 0;
	padding: 0 40px
}

.page#page-team-show .project-archived small {
	font-size: 14px;
	color: #999
}

.page#page-team-show .project-archived a {
	margin: 0 0 0 6px;
	font-size: 14px;
	color: #777
}

.page#page-team-show .project-archived a:hover span {
	color: #0f769f
}

.page#page-team-show .project-archived a:after {
	content: ","
}

.page#page-team-show .project-archived a:last-child:after {
	content: ""
}

.page#page-team-show .projects .project .folder.c1,.page#page-team-show .projects .project .folder .c1,.page#page-team-show .badge-settings.c1,.page#page-team-show .badge-settings .c1 {
	background-color: #e9ddcf;
	color: #d8a196;
	border-color: #d8a196
}

.page#page-team-show .projects .project .folder.c2,.page#page-team-show .projects .project .folder .c2,.page#page-team-show .badge-settings.c2,.page#page-team-show .badge-settings .c2 {
	background-color: #ece8d5;
	color: #c8bfa5;
	border-color: #c8bfa5
}

.page#page-team-show .projects .project .folder.c3,.page#page-team-show .projects .project .folder .c3,.page#page-team-show .badge-settings.c3,.page#page-team-show .badge-settings .c3 {
	background-color: #e4edd1;
	color: #c8d7a5;
	border-color: #c8d7a5
}

.page#page-team-show .projects .project .folder.c4,.page#page-team-show .projects .project .folder .c4,.page#page-team-show .badge-settings.c4,.page#page-team-show .badge-settings .c4 {
	background-color: #dbeee6;
	color: #afd8c7;
	border-color: #afd8c7
}

.page#page-team-show .projects .project .folder.c5,.page#page-team-show .projects .project .folder .c5,.page#page-team-show .badge-settings.c5,.page#page-team-show .badge-settings .c5 {
	background-color: #cfe6e9;
	color: #8cb6c7;
	border-color: #8cb6c7
}

.page#page-team-show .projects .project .folder.c6,.page#page-team-show .projects .project .folder .c6,.page#page-team-show .badge-settings.c6,.page#page-team-show .badge-settings .c6 {
	background-color: #cfd8e9;
	color: #8fa6d1;
	border-color: #8fa6d1
}

.page#page-team-show .projects .project .folder.c7,.page#page-team-show .projects .project .folder .c7,.page#page-team-show .badge-settings.c7,.page#page-team-show .badge-settings .c7 {
	background-color: #f0dce3;
	color: #dba8ba;
	border-color: #dba8ba
}

.page#page-team-show .projects .project .folder.c8,.page#page-team-show .projects .project .folder .c8,.page#page-team-show .badge-settings.c8,.page#page-team-show .badge-settings .c8 {
	background-color: #e3e3e3;
	color: #b9c0c7;
	border-color: #b9c0c7
}

.page#page-team-show .projects .project .folder.i1 .badge:after,.page#page-team-show .badge-settings.i1 .badge:after {
	content: "A"
}

.page#page-team-show .projects .project .folder.i2 .badge:after,.page#page-team-show .badge-settings.i2 .badge:after {
	content: "B"
}

.page#page-team-show .projects .project .folder.i3 .badge:after,.page#page-team-show .badge-settings.i3 .badge:after {
	content: "C"
}

.page#page-team-show .projects .project .folder.i4 .badge:after,.page#page-team-show .badge-settings.i4 .badge:after {
	content: "D"
}

.page#page-team-show .projects .project .folder.i5 .badge:after,.page#page-team-show .badge-settings.i5 .badge:after {
	content: "E"
}

.page#page-team-show .projects .project .folder.i6 .badge:after,.page#page-team-show .badge-settings.i6 .badge:after {
	content: "F"
}

.page#page-team-show .projects .project .folder.i7 .badge:after,.page#page-team-show .badge-settings.i7 .badge:after {
	content: "G"
}

.page#page-team-show .projects .project .folder.i8 .badge:after,.page#page-team-show .badge-settings.i8 .badge:after {
	content: "H"
}

.page#page-team-show .projects .project .folder.i9 .badge:after,.page#page-team-show .badge-settings.i9 .badge:after {
	content: "I"
}

.page#page-team-show .projects .project .folder.i10 .badge:after,.page#page-team-show .badge-settings.i10 .badge:after {
	content: "J"
}

.page#page-todo .topic {
	border-bottom: 1px solid #ddd;
	padding: 0 0 30px 0;
	margin: 20px 0 30px;
	width: 800px
}

.page#page-todo .topic .project-info {
	font-size: 12px;
	color: #aaaaaa;
	margin: 0 0 20px 0
}

.page#page-todo .topic .project-info a {
	color: #aaaaaa
}

.page#page-todo .topic .project-info a:hover {
	color: #4298ba
}

.page#page-todo .topic .todolist {
	padding: 0;
	margin: 0
}

.page#page-todo .topic .todo .runner.on {
	height: 19px
}

.page#page-todo .topic .todo .todo-content {
	font-size: 20px
}

.page#page-todo .topic .todo .todo-content a {
	display: none
}

.page#page-todo .topic .todo .todo-content span {
	display: inline
}

.page#page-todo .topic .todo.completed .todo-content a:hover,.page#page-todo .topic .todo.completed .todo-content span {
	color: #999
}

.page#page-todo .topic .todo a.comments-count {
	display: none
}

.page#page-todo .topic .todo span.comments-count {
	display: none;
	cursor: default
}

.page#page-todo .topic .todo span.comments-count:hover {
	color: #999
}

.page#page-todo .topic .todo .actions {
	top: 5px
}

.page#page-todo .topic .todo input[type=checkbox] {
	margin-top: -8px
}

.page#page-todo .topic .todo-form input[type=checkbox] {
	margin-top: 10px
}

.page#page-todo .topic .todo-form .form textarea {
	width: 740px
}

.page#page-todo .history {
	color: #999
}

.page#page-todo .history h4 {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold
}

.page#page-todo .history .activity {
	font-size: 12px
}

.page#page-todo .history .activity a {
	color: #999
}

.page#page-todo .history .activity .time,.page#page-todo .history .activity .sp,.page#page-todo .history .activity .target,.page#page-todo .history .activity .member {
	display: none
}

.page#page-todo .history .activity.todo_content_changed .target,.page#page-todo .history .activity.todo_content_changed .sp {
	display: inline
}

.page#page-todo .history .activity .action {
	display: inline;
	margin-left: 5px
}

.page#page-todo .history .activity .action .title {
	display: inline
}

.page#page-todo .history .activity .action .title a {
	margin: 0 2px
}

.page#page-todolist .todos-all {
	margin-top: 20px
}

.page#page-todolist .todos-all .project-info {
	font-size: 12px;
	color: #aaaaaa;
	margin: 0 0 20px 0
}

.page#page-todolist .todos-all .project-info a {
	color: #aaaaaa
}

.page#page-todolist .todos-all .project-info a:hover {
	color: #4298ba
}

.page#page-completed-todos #select-member,.page#page-member-completed-todos #select-member {
	position: relative;
	top: -4px;
	margin-left: 40px
}

.page#page-completed-todos .main,.page#page-member-completed-todos .main {
	padding-right: 40px
}

.page#page-completed-todos .main h3,.page#page-member-completed-todos .main h3 {
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
	margin-bottom: 0
}

.page#page-completed-todos .day,.page#page-member-completed-todos .day {
	padding-top: 20px;
	border-bottom: 1px solid #ddd;
	*zoom: 1
}

.page#page-completed-todos .day:before,.page#page-completed-todos .day:after,.page#page-member-completed-todos .day:before,.page#page-member-completed-todos .day:after {
	display: table;
	content: ""
}

.page#page-completed-todos .day:after,.page#page-member-completed-todos .day:after {
	clear: both
}

.page#page-completed-todos .day .hd,.page#page-member-completed-todos .day .hd {
	float: left;
	width: 100px;
	color: #999
}

.page#page-completed-todos .day .hd .m-d,.page#page-member-completed-todos .day .hd .m-d {
	font-size: 20px
}

.page#page-completed-todos .day .hd .w,.page#page-member-completed-todos .day .hd .w {
	font-size: 12px
}

.page#page-completed-todos .day .bd,.page#page-member-completed-todos .day .bd {
	margin-left: 140px
}

.page#page-completed-todos .day .bd .name,.page#page-member-completed-todos .day .bd .name {
	font-size: 12px;
	line-height: 2.5
}

.page#page-completed-todos .day .bd .name a,.page#page-member-completed-todos .day .bd .name a {
	color: #999
}

.page#page-completed-todos .day .bd .name a:hover,.page#page-member-completed-todos .day .bd .name a:hover {
	color: #0f769f
}

.page#page-completed-todos .day .bd .list,.page#page-member-completed-todos .day .bd .list {
	width: 600px;
	margin-bottom: 20px
}

.page#page-completed-todos .day .bd .list li,.page#page-member-completed-todos .day .bd .list li {
	position: relative;
	padding: 2px 0 2px 20px;
	font-size: 14px;
	word-break: break-all;
	word-wrap: break-word
}

.page#page-completed-todos .day .bd .list li a,.page#page-member-completed-todos .day .bd .list li a {
	color: #000
}

.page#page-completed-todos .day .bd .list li a:hover,.page#page-member-completed-todos .day .bd .list li a:hover {
	color: #0f769f
}

.page#page-completed-todos .day .bd .list li small,.page#page-member-completed-todos .day .bd .list li small {
	font-size: 12px;
	margin-left: 10px
}

.page#page-completed-todos .day .bd .list li small a,.page#page-member-completed-todos .day .bd .list li small a {
	color: #999
}

.page#page-completed-todos .day .bd .list li:before,.page#page-member-completed-todos .day .bd .list li:before {
	position: absolute;
	left: 0;
	content: "\2714";
	color: #bbcfb5;
	font-weight: normal;
	padding-right: 5px
}

.page#page-invite .invite-item {
	margin-bottom: 5px
}

.page#page-invite .invite-item .invite-email {
	display: inline-block;
	margin-right: 10px
}

.page#page-invite .invite-item .del-invite {
	font-size: 12px;
	color: #999;
	display: none
}

.page#page-invite .invite-item .del-invite:hover {
	color: #0f769f
}

.page#page-invite .invite-item .error {
	margin-bottom: 8px
}

.page#page-invite .invite-item:hover .del-invite {
	display: inline
}

.page#page-invite .add-invite-wrap {
	margin-top: 10px;
	font-size: 12px
}

.page#page-invite .link-invite-message {
	font-size: 12px;
	margin-left: 2px
}

.page#page-invite .proj-in .form-field {
	margin-left: 2px;
	padding: 5px 0 10px;
	*zoom: 1
}

.page#page-invite .proj-in .form-field:before,.page#page-invite .proj-in .form-field:after {
	display: table;
	content: ""
}

.page#page-invite .proj-in .form-field:after {
	clear: both
}

.page#page-invite .proj-in .form-field label {
	display: block;
	float: left;
	font-size: 14px;
	width: 230px;
	height: 24px;
	margin-right: 20px;
	overflow: hidden
}

.page#page-invite .select-all {
	margin-left: 10px;
	font-size: 12px;
	color: #ccc
}

.page#page-invite .select-all a {
	color: #999
}

.page#page-invite .select-all a:hover {
	text-decoration: underline
}

.topbar {
	width: 660px;
	margin: 0 auto;
	padding: 40px 0;
	*zoom: 1
}

.topbar:before,.topbar:after {
	display: table;
	content: ""
}

.topbar:after {
	clear: both
}

.topbar .logo {
	float: left
}

.topbar .logo a {
	background: url(logo-dark.png) no-repeat 0 0;
	display: block;
	width: 124px;
	height: 26px;
	overflow: hidden;
	text-indent: -9999px
}

.page#page-404,.page#page-403,.page#page-500 {
	width: 660px;
	margin: 0 auto
}

.page#page-404 .content,.page#page-403 .content,.page#page-500 .content {
	margin: 30px 0 0 0;
	text-align: center;
	-webkit-text-shadow: 0 1px 0px #fff;
	-moz-text-shadow: 0 1px 0px #fff;
	text-shadow: 0 1px 0px #fff
}

.page#page-404 .content .error-title,.page#page-403 .content .error-title,.page#page-500 .content .error-title {
	color: #333;
	font-size: 30px;
	line-height: 2;
	font-weight: 400
}

.page#page-404 .content .error-title b,.page#page-403 .content .error-title b,.page#page-500 .content .error-title b {
	font-size: 45px;
	padding: 0 6px;
	color: #555;
	position: relative;
	top: 10px
}

.page#page-404 .content .error-desc,.page#page-403 .content .error-desc,.page#page-500 .content .error-desc {
	color: #777;
	font-size: 20px
}

.page#page-todolist .todos-all {
	margin-top: 20px
}

.page#page-todolist .todos-all .project-info {
	font-size: 12px;
	color: #aaaaaa;
	margin: 0 0 20px 0
}

.page#page-todolist .todos-all .project-info a {
	color: #aaaaaa
}

.page#page-todolist .todos-all .project-info a:hover {
	color: #4298ba
}

.page#page-stats h3 {
	font-size: 20px;
	line-height: 20px;
	color: #666;
	font-weight: normal;
	margin: 40px 0 20px 0;
	padding: 0 0 0 40px
}

.page#page-stats table {
	max-width: 100%;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0
}

.page#page-stats table th {
	font-weight: bold;
	font-size: 16px
}

.page#page-stats div.charts {
	border-top: 1px solid #fff
}

.page#page-stats div.charts .chart {
	padding: 0 30px 0 0
}

.page#page-notification-settings .form {
	padding: 0 0 0 5px
}

.page#page-notification-settings .form .form-item {
	margin-bottom: 10px
}

.page#page-notification-settings .form .form-item h4 {
	margin: 30px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	color: #000000
}

.page#page-notification-settings .form .form-item .desc {
	font-size: 14px;
	color: #999999;
	margin: 5px 0 12px 0
}

.page#page-notification-settings .form .form-item .desc .info {
	font-size: 12px
}

.page#page-notification-settings .form .form-item .desc a {
	color: #999999
}

.page#page-notification-settings .form .form-item .desc a:hover {
	color: #4298ba
}

.page#page-notification-settings .form .form-item label {
	float: left;
	font-size: 14px;
	color: #000000;
	cursor: pointer
}

.page#page-notification-settings .form .form-item label input {
	margin: 0 8px 0 0;
	position: relative;
	top: -1px
}

.page#page-notification-settings .form .form-item label em {
	font-weight: bold;
	margin: 0 2px
}

.page#page-notification-settings .form .form-item .option {
	line-height: 20px;
	margin: 5px 0 0 0;
	*zoom: 1
}

.page#page-notification-settings .form .form-item .option:before,.page#page-notification-settings .form .form-item .option:after {
	display: table;
	content: ""
}

.page#page-notification-settings .form .form-item .option:after {
	clear: both
}

.page#page-notification-settings .form .form-item .option .select-shortcut,.page#page-notification-settings .form .form-item .option .choose-project {
	display: block;
	float: left;
	font-size: 12px;
	color: #cccccc;
	margin: 0 0 0 5px
}

.page#page-notification-settings .form .form-item .option .select-shortcut.hide,.page#page-notification-settings .form .form-item .option .choose-project.hide {
	display: none
}

.page#page-notification-settings .form .form-item .option .select-shortcut a,.page#page-notification-settings .form .form-item .option .choose-project a {
	color: #999999
}

.page#page-notification-settings .form .form-item .option .select-shortcut a:hover,.page#page-notification-settings .form .form-item .option .choose-project a:hover {
	text-decoration: underline
}

.page#page-notification-settings .form .form-item .option .project-list {
	display: block;
	clear: both;
	padding: 5px 50px 0 20px;
	*zoom: 1
}

.page#page-notification-settings .form .form-item .option .project-list:before,.page#page-notification-settings .form .form-item .option .project-list:after {
	display: table;
	content: ""
}

.page#page-notification-settings .form .form-item .option .project-list:after {
	clear: both
}

.page#page-notification-settings .form .form-item .option .project-list.hide {
	display: none
}

.page#page-notification-settings .form .form-item .option .project-list label {
	display: block;
	width: 200px;
	color: #666666;
	margin: 0 20px 0 0;
	line-height: 25px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.page#page-notifications .page-title {
	*zoom: 1
}

.page#page-notifications .page-title:before,.page#page-notifications .page-title:after {
	display: table;
	content: ""
}

.page#page-notifications .page-title:after {
	clear: both
}

.page#page-notifications .page-title h3 {
	float: left
}

.page#page-notifications .page-title a {
	float: right;
	margin-top: 36px;
	font-size: 12px
}

.page#page-notifications .notification {
	width: 520px;
	position: absolute;
	top: 25px;
	left: 50%;
	margin: 0 0 0 -260px
}

#page-attachments .folders {
	margin: 30px 0 20px 0;
	*zoom: 1
}

#page-attachments .folders:before,#page-attachments .folders:after {
	display: table;
	content: ""
}

#page-attachments .folders:after {
	clear: both
}

#page-attachments .folders .link-folder {
	display: block;
	float: left;
	font-size: 12px;
	line-height: 12px;
	padding: 6px 10px 5px 10px;
	margin: 0 20px 10px 0;
	background: #f3f3f3;
	color: #666666;
	border: 1px solid transparent;
	text-align: center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

#page-attachments .folders .link-folder:hover {
	border: 1px solid #ccc
}

#page-attachments .folders .link-folder span {
	display: none
}

#page-attachments .day {
	padding-top: 20px;
	border-top: 1px solid #ddd;
	*zoom: 1
}

#page-attachments .day:before,#page-attachments .day:after {
	display: table;
	content: ""
}

#page-attachments .day:after {
	clear: both
}

#page-attachments .day .hd {
	float: left;
	width: 100px;
	color: #999
}

#page-attachments .day .hd .m-d {
	font-size: 20px
}

#page-attachments .day .hd .w {
	font-size: 12px
}

#page-attachments .day .bd {
	margin-left: 140px
}

#page-attachments .day .bd .file-list {
	margin-bottom: 20px
}

.page#page-file .topic {
	border-bottom: 1px solid #ddd;
	padding: 0 0 30px 0;
	margin: 20px 0 30px;
	width: 800px
}

.page#page-file .topic .project-info {
	font-size: 12px;
	color: #aaaaaa;
	margin: 0 0 20px 0
}

.page#page-file .topic .project-info a {
	color: #aaaaaa
}

.page#page-file .topic .project-info a:hover {
	color: #4298ba
}

.page#page-file .topic .upload {
	*zoom: 1
}

.page#page-file .topic .upload:before,.page#page-file .topic .upload:after {
	display: table;
	content: ""
}

.page#page-file .topic .upload:after {
	clear: both
}

.page#page-file .topic .upload .upload-subject {
	overflow: hidden;
	margin-bottom: 10px
}

.page#page-file .topic .upload h3 {
	float: left;
	color: #000;
	font-size: 20px;
	font-weight: 500;
	margin: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 600px
}

.page#page-file .topic .upload .upload-actions {
	float: right;
	margin-top: 3px
}

.page#page-file .topic .upload .upload-actions a {
	font-size: 12px;
	color: #4298ba
}

.page#page-file .topic .upload .upload-actions a:hover {
	color: #0f769f
}

.page#page-file .topic .upload .avatar-wrap {
	float: left
}

.page#page-file .topic .upload .upload-main {
	margin-left: 70px
}

.page#page-file .topic .upload .upload-main .upload-content {
	margin: 20px 0 0 0
}

.page#page-file .topic .upload .upload-main .upload-content .file-list .file .file-thumb {
	width: auto
}

.page#page-file .topic .upload .upload-main .author {
	font-size: 14px;
	font-weight: bold;
	color: #000
}

.page#page-file .topic .upload .upload-main .author:hover {
	color: #0f769f
}

.page#page-file .topic .upload .upload-main .create-time {
	font-size: 12px;
	color: #887
}

.page#page-file .topic .upload .upload-main .attachment.image {
	max-height: 150px;
	min-height: 24px;
	max-width: 410px;
	min-width: 30px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 1px
}

.page#page-file .history {
	color: #999
}

.page#page-file .history h4 {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold
}

.page#page-file .history .activity {
	font-size: 12px
}

.page#page-file .history .activity a {
	color: #999
}

.page#page-file .history .activity .time,.page#page-file .history .activity .sp,.page#page-file .history .activity .target,.page#page-file .history .activity .member {
	display: none
}

.page#page-file .history .activity .reply {
	display: inline
}

.page#page-file .history .activity .reply .reply-content {
	display: none
}

.page#page-file .history .activity .reply .title {
	display: inline
}

.page#page-file .history .activity .action {
	display: inline;
	margin: 0
}

.page#page-file .history .activity .action .title {
	display: inline
}

.page#page-file .history .activity .action .title a {
	margin: 0 2px
}

.yen {
	font-family: "Microsoft Yahei","SimHei",Helvetica,Arial;
	margin-right: 5px
}

.price {
	font-family: "Helvetica Neue",Helvetica,arial
}

.page#page-plans h3 span {
	margin-left: 15px;
	font-size: 14px;
	color: #777
}

.page#page-plans .select-wrap {
	width: 747px;
	margin: 0 auto
}

.page#page-plans p.desc {
	margin-top: 60px;
	color: #777;
	font-size: 14px
}

.page#page-plans .plan-extra {
	width: 760px;
	text-align: center;
	padding-top: 50px;
	background: url(icon-add.png) center 20px no-repeat
}

.page#page-plans .plan-extra select {
	font-size: 20px;
	padding: 3px 5px
}

.page#page-plans .plan-list {
	margin-top: 60px;
	line-height: 1;
	text-align: center;
	*zoom: 1
}

.page#page-plans .plan-list:before,.page#page-plans .plan-list:after {
	display: table;
	content: ""
}

.page#page-plans .plan-list:after {
	clear: both
}

.page#page-plans .plan-list li {
	cursor: pointer;
	background-color: #e4f4f5;
	background-repeat: no-repeat;
	float: left;
	width: 160px;
	padding: 15px 0;
	height: 145px;
	margin-right: 25px;
	border: 4px solid #c0d3ce;
	color: #94aca6;
	position: relative;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px
}

.page#page-plans .plan-list li.air-0 {
	background-image: url(plan-air-0.png);
	background-position: center 120px;
	margin-right: 0
}

.page#page-plans .plan-list li.air-0 .price-wrap {
	position: relative
}

.page#page-plans .plan-list li.air-0 .price-wrap .line {
	border-top: 2px solid #596f6a;
	display: block;
	position: absolute;
	top: 50%;
	width: 70%;
	left: 24px
}

.page#page-plans .plan-list li.air-1 {
	background-image: url(plan-air-1.png);
	background-position: center 92px
}

.page#page-plans .plan-list li.air-2 {
	background-image: url(plan-air-2.png);
	background-position: center 90px
}

.page#page-plans .plan-list li.air-3 {
	background-image: url(plan-air-3.png);
	background-position: center 90px
}

.page#page-plans .plan-list li:hover {
	background-color: #F2F5F5
}

.page#page-plans .plan-list .price-wrap {
	display: block;
	font-size: 24px;
	margin: 10px
}

.page#page-plans .plan-list .price-wrap .yen {
	font-size: 30px
}

.page#page-plans .plan-list .price-wrap .price {
	font-size: 36px
}

.page#page-plans .plan-list .onsale {
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #fc4700;
	margin-top: 10px
}

.page#page-plans .plan-list .onsale .yen {
	font-size: 18px;
	margin: 0 2px;
	position: relative;
	top: 1px
}

.page#page-plans .plan-list .onsale .price {
	font-size: 20px
}

.page#page-plans .plan-list .selected-icon {
	position: absolute;
	left: 50%;
	margin-left: -22.5px;
	bottom: -21px;
	display: none;
	width: 45px;
	height: 42px;
	background: url(icon-selected-plan.png) 0 0 no-repeat
}

.page#page-plans .plan-list .desc {
	font-size: 14px
}

.page#page-plans .plan-list li.selected {
	border-color: #e88e1a;
	background-color: #fff38f;
	color: #e27500
}

.page#page-plans .plan-list li.selected .selected-icon {
	display: block
}

.page#page-plans .plan-list li.selected.air-0 {
	background-image: url(plan-air-0-selected.png)
}

.page#page-plans .plan-list li.selected.air-0 .price-wrap .line {
	border-color: #ab6b19
}

.page#page-plans .plan-list li.selected.air-1 {
	background-image: url(plan-air-1-selected.png)
}

.page#page-plans .plan-list li.selected.air-2 {
	background-image: url(plan-air-2-selected.png)
}

.page#page-plans .plan-list li.selected.air-3 {
	background-image: url(plan-air-3-selected.png)
}

.page#page-plans .plan-declare {
	margin-top: 20px;
	text-align: center
}

.page#page-plans .selected-plan {
	text-align: center;
	margin-top: 10px;
	padding: 20px 30px;
	font-size: 14px;
	color: #555
}

.page#page-plans .selected-plan .tips-wrap {
	height: 50px;
	margin-bottom: 20px
}

.page#page-plans .selected-plan .tips-wrap #tips {
	display: inline-block;
	margin-bottom: 0
}

.page#page-plans .selected-plan .btn-choose {
	font-size: 20px;
	margin: 0;
	padding: 12px 20px
}

.page#page-plans .selected-plan table {
	width: 100%
}

.page#page-plans .selected-plan td {
	vertical-align: middle
}

.page#page-plans .selected-plan td.last {
	text-align: right
}

.page#page-plans .plan-include {
	text-align: center;
	margin-top: 40px
}

.page#page-plans .plan-include h5 {
	text-align: center;
	color: #777;
	margin-bottom: 15px
}

.page#page-plans .plan-include ul {
	display: inline-block
}

.page#page-plans .plan-include ul li {
	display: inline-block;
	line-height: 25px;
	height: 25px;
	padding-left: 30px;
	margin: 0 20px;
	color: #999;
	font-size: 12px;
	background: url(icon-plan-include.png) 0 0 no-repeat
}

.page#page-plans .plan-include ul .icon-ssl {
	background-position: 0 0
}

.page#page-plans .plan-include ul .icon-sync {
	background-position: 0 -25px
}

.page#page-plans .plan-include ul .icon-members {
	background-position: 0 -50px
}

.page#page-plans .plan-include ul .icon-backup {
	background-position: 0 -75px
}

.page#page-plans .plan-include ul .icon-fast {
	background-position: 0 -100px
}

.page#page-plans .plan-include ul .icon-archive {
	background-position: 0 -125px
}

.page#page-plans .plan-include ul .icon-storage {
	background-position: 0 -150px
}

.page#page-plans .team-projects ul {
	margin: 0 0 10px;
	*zoom: 1
}

.page#page-plans .team-projects ul:before,.page#page-plans .team-projects ul:after {
	display: table;
	content: ""
}

.page#page-plans .team-projects ul:after {
	clear: both
}

.page#page-plans .team-projects ul li {
	padding: 10px 0;
	vertical-align: middle;
	color: #ccc;
	width: 243px;
	float: left
}

.page#page-plans .team-projects ul li.col-0 {
	border-right: 1px solid #ddd
}

.page#page-plans .team-projects ul li.col-1 {
	border-right: 1px solid #ddd
}

.page#page-plans .team-projects ul li .name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #666;
	font-size: 16px;
	line-height: 25px;
	float: left;
	width: 170px;
	margin-left: 18px
}

.page#page-plans .team-projects ul li .avatar {
	float: right;
	width: 25px;
	height: 25px;
	margin: 0 20px 0 0
}

.page#page-alipay-success .plan-success-wrap {
	background: url(alipay-success.png) right 0 no-repeat;
	width: 626px;
	padding-top: 346px;
	margin: 100px auto;
	line-height: 1;
	text-align: center
}

.page#page-alipay-success .plan-success-wrap h3 {
	font-size: 30px;
	margin: 0 0 15px;
	color: #579a21
}

.page#page-alipay-success .plan-success-wrap p {
	font-size: 16px;
	color: #555;
	line-height: 1.5
}

.page#page-alipay-success .plan-success-wrap p.back {
	font-size: 12px;
	margin-top: 20px
}

.page#page-plan-success .plan-success-wrap,.page#page-brohao-success .plan-success-wrap {
	background: url(plan-success.png) 0 20px no-repeat;
	padding: 20px 0 20px 120px;
	width: 600px;
	margin: 150px auto;
	line-height: 1
}

.page#page-plan-success .plan-success-wrap h3,.page#page-brohao-success .plan-success-wrap h3 {
	font-size: 24px;
	color: #579a21;
	margin: 0 0 15px
}

.page#page-plan-success .plan-success-wrap p,.page#page-brohao-success .plan-success-wrap p {
	font-size: 16px;
	color: #555;
	line-height: 1.5
}

.page#page-plan-success .plan-success-wrap p.back,.page#page-brohao-success .plan-success-wrap p.back {
	font-size: 12px;
	margin-top: 20px
}

.page#page-brohao-success .plan-success-wrap {
	width: 400px
}

.page#page-charge h3 {
	margin-bottom: 50px
}

.page#page-charge .brohao-confirm .haopay-bg {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 167px;
	height: 267px;
	background: url(haopay-bg.jpg) top left no-repeat
}

.page#page-charge .brohao-confirm h3 {
	margin-bottom: 20px
}

.page#page-charge .pay-methods-wrap {
	width: 720px;
	margin: 0 auto
}

.page#page-charge .charge-list {
	margin: 100px auto 20px;
	padding-left: 40px;
	width: 832px;
	*zoom: 1
}

.page#page-charge .charge-list:before,.page#page-charge .charge-list:after {
	display: table;
	content: ""
}

.page#page-charge .charge-list:after {
	clear: both
}

.page#page-charge .charge-list .charge-item {
	cursor: pointer;
	background-color: #e4f4f5;
	background-repeat: no-repeat;
	float: left;
	width: 160px;
	height: 85px;
	margin-right: 40px;
	border: 4px solid #c0d3ce;
	color: #94aca6;
	position: relative;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	padding: 15px 0;
	line-height: 1
}

.page#page-charge .charge-list .charge-item h6 {
	font-size: 18px;
	margin-bottom: 15px
}

.page#page-charge .charge-list .charge-item .charge-gift {
	position: absolute;
	z-index: 99;
	top: -20px;
	right: -20px;
	background: url(charge-gift.png) right 0 no-repeat;
	width: 67px;
	height: 60px;
	color: #fff;
	font-style: italic
}

.page#page-charge .charge-list .charge-item .charge-gift span {
	display: block;
	padding: 8px 0 0;
	font-size: 14
}

.page#page-charge .charge-list .charge-item .charge-gift .yen {
	font-size: 17px;
	margin: 0
}

.page#page-charge .charge-list .charge-item .charge-gift .price {
	font-size: 24px;
	font-style: italic
}

.page#page-charge .charge-list .charge-item .price-wrap {
	display: block;
	font-size: 24px
}

.page#page-charge .charge-list .charge-item .price-wrap .yen {
	font-size: 20px
}

.page#page-charge .charge-list .charge-item .price-wrap .price {
	font-size: 36px
}

.page#page-charge .charge-list .charge-item .selected-icon {
	position: absolute;
	left: 50%;
	margin-left: -22.5px;
	bottom: -21px;
	display: none;
	width: 45px;
	height: 42px;
	background: url(icon-selected-plan.png) 0 0 no-repeat
}

.page#page-charge .charge-list .charge-item.selected {
	border-color: #e88e1a;
	background-color: #fff38f;
	color: #e27500
}

.page#page-charge .charge-list .charge-item.selected .selected-icon {
	display: block
}

.page#page-charge .bill-confirm {
	padding: 20px 0 15px;
	margin: 0 auto;
	width: 620px;
	border: 1px solid #ecdfb5;
	background-color: #faf9e4;
	*zoom: 1
}

.page#page-charge .bill-confirm:before,.page#page-charge .bill-confirm:after {
	display: table;
	content: ""
}

.page#page-charge .bill-confirm:after {
	clear: both
}

.page#page-charge .bill-confirm .yen {
	margin: 0
}

.page#page-charge .bill-confirm p {
	float: left;
	margin-left: 40px;
	color: #777
}

.page#page-charge .bill-confirm p.pay-plan {
	clear: left
}

.page#page-charge .bill-confirm p .item {
	display: inline-block;
	margin-right: 25px
}

.page#page-charge .bill-confirm p em {
	color: #444
}

.page#page-charge .bill-confirm p .price-wrap {
	color: #e85d00;
	font-size: 28px;
	font-weight: bold
}

.page#page-charge .bill-confirm p .price-wrap .yen {
	font-size: 22px
}

.page#page-charge .section {
	margin: 40px 0;
	color: #333;
	font-size: 14px;
	line-height: 1.8
}

.page#page-charge .section h4 {
	font-size: 18px;
	color: #333;
	margin: 0 0 30px 0;
	line-height: 1
}

.page#page-charge .section p.desc {
	color: #666
}

.page#page-charge .section b {
	font-weight: bold
}

.page#page-charge .section .account {
	padding: 0 40px 0 0;
	width: 832px;
	margin: 0 auto;
	text-align: right
}

.page#page-charge .pay-methods {
	padding-bottom: 100px;
	*zoom: 1
}

.page#page-charge .pay-methods:before,.page#page-charge .pay-methods:after {
	display: table;
	content: ""
}

.page#page-charge .pay-methods:after {
	clear: both
}

.page#page-charge .pay-methods h4 {
	font-size: 18px;
	color: #333
}

.page#page-charge .pay-methods .alipay,.page#page-charge .pay-methods .brohao {
	float: left;
	margin-top: 20px;
	width: 360px;
	text-align: center
}

.page#page-charge .pay-methods .alipay p,.page#page-charge .pay-methods .brohao p {
	color: #555;
	font-size: 14px;
	margin-bottom: 20px
}

.page#page-charge .pay-methods .alipay .btn,.page#page-charge .pay-methods .brohao .btn {
	margin: 0;
	padding: 8px 80px
}

.page#page-payment-history .history-receipt {
	margin-top: 30px
}

.page#page-payment-history .history-receipt span {
	color: #777
}

.page#page-payment-history .history-records {
	background: #f7f4c1 url(icon-notebook-circle.png) repeat-y 15px 10px;
	width: 800px;
	padding: 40px 20px 40px 60px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
	box-shadow: 0 2px 2px rgba(0,0,0,0.5)
}

.page#page-payment-history .history-records table {
	width: 100%
}

.page#page-payment-history .history-records table th {
	text-align: left;
	padding: 8px 10px
}

.page#page-payment-history .history-records table td {
	padding: 8px 10px;
	font-size: 14px;
	color: #666;
	border-top: 1px solid #e6e18c
}

.page#page-payment-history .history-records table td .waiting {
	color: #ee6500
}

.page#page-payment-history .history-records table td .finish {
	color: green
}

.page#page-payment-history .history-records table .r {
	text-align: right
}

.page#page-payment-history .form-receipt .form-item,.page#page-payment-history .form-edit-receipt .form-item {
	*zoom: 1
}

.page#page-payment-history .form-receipt .form-item:before,.page#page-payment-history .form-receipt .form-item:after,.page#page-payment-history .form-edit-receipt .form-item:before,.page#page-payment-history .form-edit-receipt .form-item:after {
	display: table;
	content: ""
}

.page#page-payment-history .form-receipt .form-item:after,.page#page-payment-history .form-edit-receipt .form-item:after {
	clear: both
}

.page#page-payment-history .form-receipt .form-item label,.page#page-payment-history .form-edit-receipt .form-item label {
	float: left;
	width: 100px;
	margin-top: 10px
}

.page#page-payment-history .form-receipt .form-item .form-field,.page#page-payment-history .form-edit-receipt .form-item .form-field {
	float: left
}

.page#page-payment-history .form-receipt .form-item .receive-option,.page#page-payment-history .form-edit-receipt .form-item .receive-option {
	margin-top: 10px
}

.page#page-payment-history .form-receipt .form-item .desc,.page#page-payment-history .form-edit-receipt .form-item .desc {
	clear: left;
	margin-left: 103px;
	padding-top: 3px
}

.page#page-payment-history .form-receipt #receipt-address,.page#page-payment-history .form-edit-receipt #receipt-address {
	width: 500px
}

.page#page-payment-history .form-receipt .receipt-explain,.page#page-payment-history .form-edit-receipt .receipt-explain {
	margin-top: 30px;
	font-size: 12px;
	color: #777;
	list-style: inside
}

.page#page-payment-history .apply-success-desc {
	margin-bottom: 30px
}

.page#page-folder .project-info {
	font-size: 12px;
	color: #aaaaaa;
	margin: 20px 0 20px 0
}

.page#page-folder .project-info a {
	color: #aaaaaa
}

.page#page-folder .project-info a:hover {
	color: #4298ba
}

.page#page-folder .folder-name {
	display: inline-block;
	font-size: 14px;
	line-height: 14px;
	padding: 6px 10px 5px 10px;
	margin: 0 6px;
	background: #f3f3f3;
	color: #666666;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	top: -2px
}

.page#page-folder .link-delete-label {
	float: right;
	font-size: 12px
}

.page#page-folder .day {
	padding-top: 20px;
	border-top: 1px solid #ddd;
	*zoom: 1
}

.page#page-folder .day:before,.page#page-folder .day:after {
	display: table;
	content: ""
}

.page#page-folder .day:after {
	clear: both
}

.page#page-folder .day .hd {
	float: left;
	width: 100px;
	color: #999
}

.page#page-folder .day .hd .m-d {
	font-size: 20px
}

.page#page-folder .day .hd .w {
	font-size: 12px
}

.page#page-folder .day .bd {
	margin-left: 140px
}

.page#page-folder .day .bd .file-list {
	margin-bottom: 20px
}

.page#page-folder .history {
	color: #999
}

.page#page-folder .history h4 {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold
}

.page#page-folder .history .activity {
	font-size: 12px
}

.page#page-folder .history .activity a {
	color: #999
}

.page#page-folder .history .activity .time,.page#page-folder .history .activity .sp,.page#page-folder .history .activity .target,.page#page-folder .history .activity .member {
	display: none
}

.page#page-folder .history .activity.todo_content_changed .target,.page#page-folder .history .activity.todo_content_changed .sp {
	display: inline
}

.page#page-folder .history .activity .action {
	display: inline;
	margin-left: 5px
}

.page#page-folder .history .activity .action .title {
	display: inline
}

.page#page-folder .history .activity .action .title a {
	margin: 0 2px
}

.page#page-trash {
	background: #fff url(/assets/trash-icon-single-c605028445b4ba5ec2afb003a3ccff34.png) no-repeat right bottom
}

.page#page-trash .title {
	margin-bottom: 30px
}

.page#page-trash .title h3 {
	margin-bottom: 5px
}

.page#page-trash .title .desc {
	color: #999;
	font-size: 14px
}

.page#page-trash .day {
	padding-top: 20px;
	border-top: 1px solid #ddd;
	word-break: break-all;
	word-wrap: break-word;
	*zoom: 1
}

.page#page-trash .day:before,.page#page-trash .day:after {
	display: table;
	content: ""
}

.page#page-trash .day:after {
	clear: both
}

.page#page-trash .day .hd {
	float: left;
	width: 100px;
	color: #999
}

.page#page-trash .day .hd .m-d {
	font-size: 20px
}

.page#page-trash .day .hd .w {
	font-size: 12px
}

.page#page-trash .day .bd {
	margin: 0 0 20px 140px;
	font-size: 14px
}

.page#page-trash .day .bd .trash-item {
	padding: 5px 0;
	line-height: 1.5
}

.page#page-trash .day .bd .time {
	display: inline-block;
	float: left;
	line-height: 21px;
	color: #bbcfb5;
	font-size: 12px
}

.page#page-trash .day .bd .txt {
	display: inline-block;
	max-width: 600px;
	margin-left: 20px
}

.page#page-trash .day .bd .member a {
	font-weight: bold;
	color: #000
}

.page#page-apply-free h3 {
	font-size: 22px;
	text-align: left
}

.page#page-apply-free .center-box {
	width: 600px
}

.page#page-apply-free .attachment {
	font-size: 12px;
	margin-bottom: 5px
}

.page#page-apply-free .btn-add-attach {
	font-size: 12px
}

.page[data-archived]#page-folder .link-delete-label,.page[data-locked]#page-folder .link-delete-label,.page[data-deleted]#page-folder .link-delete-label {
	display: none
}

.page[data-archived]#page-attachments .btn-add-files,.page[data-locked]#page-attachments .btn-add-files,.page[data-deleted]#page-attachments .btn-add-files {
	display: none
}

.page[data-archived]#page-message .message .message-actions,.page[data-locked]#page-message .message .message-actions,.page[data-deleted]#page-message .message .message-actions {
	display: none
}

.page[data-archived]#page-project .btn-new-discussion,.page[data-archived]#page-project .btn-new-todolist,.page[data-archived]#page-project .btn-upload-file,.page[data-archived]#page-project .trash,.page[data-locked]#page-project .btn-new-discussion,.page[data-locked]#page-project .btn-new-todolist,.page[data-locked]#page-project .btn-upload-file,.page[data-locked]#page-project .trash,.page[data-deleted]#page-project .btn-new-discussion,.page[data-deleted]#page-project .btn-new-todolist,.page[data-deleted]#page-project .btn-upload-file,.page[data-deleted]#page-project .trash {
	display: none
}

.page[data-archived]#page-todolists .btn-new-todolist,.page[data-locked]#page-todolists .btn-new-todolist,.page[data-deleted]#page-todolists .btn-new-todolist {
	display: none
}

.page[data-archived]#page-topics .editor-wrapper,.page[data-locked]#page-topics .editor-wrapper,.page[data-deleted]#page-topics .editor-wrapper {
	display: none
}

.page[data-archived]#page-file .file .file-actions,.page[data-locked]#page-file .file .file-actions,.page[data-deleted]#page-file .file .file-actions {
	display: none
}

.page[data-archived] .file .link-label.no-label,.page[data-locked] .file .link-label.no-label,.page[data-deleted] .file .link-label.no-label {
	display: none
}

.page[data-archived] .file .links span,.page[data-archived] .file .links .link-delete,.page[data-locked] .file .links span,.page[data-locked] .file .links .link-delete,.page[data-deleted] .file .links span,.page[data-deleted] .file .links .link-delete {
	display: none
}

.page[data-archived] .comment .actions,.page[data-locked] .comment .actions,.page[data-deleted] .comment .actions {
	display: none
}

.page[data-archived] .comment.comment-form,.page[data-locked] .comment.comment-form,.page[data-deleted] .comment.comment-form {
	display: none
}

.page[data-archived] .todolist .todolist-actions,.page[data-locked] .todolist .todolist-actions,.page[data-deleted] .todolist .todolist-actions {
	display: none
}

.page[data-archived] .todolist .todo-new-wrap,.page[data-locked] .todolist .todo-new-wrap,.page[data-deleted] .todolist .todo-new-wrap {
	display: none
}

.page[data-archived] .todo .todo-actions,.page[data-locked] .todo .todo-actions,.page[data-deleted] .todo .todo-actions {
	display: none
}

#page-features {
	background: url(img/new-feature-bg.png) repeat;
	position: relative;
	border: none
}

#page-features .feature-header {
	border-bottom: 6px solid #e4e3d9;
	padding-bottom: 20px
}

#page-features .feature-header h1 {
	text-align: center;
	font-size: 40px;
	margin-top: 40px;
	color: #83a098
}

#page-features .feature-header p {
	text-align: center;
	font-size: 20px;
	color: #999999
}

#page-features .feature-dec {
	background: url(/assets/icon-feature-94892331578638b4a29e9e2371a997fa.png) no-repeat;
	position: absolute;
	width: 122px;
	height: 122px;
	z-index: 999;
	right: -20px;
	top: 60px
}

#page-features .feature {
	margin: 40px 160px 100px 60px
}

#page-features .feature .label {
	width: 84px;
	height: 40px;
	background: url(/assets/date-bg-af27bc36bacf1623407eed699c85e5f6.png) no-repeat;
	position: absolute;
	left: -6px;
	color: #fff;
	font-size: 12px;
	font-family: Georgia,arial;
	padding: 8px 0 0 6px
}

#page-features .feature h3 {
	margin: 20px 0;
	padding: 3px 0;
	font-size: 24px
}

#page-features .feature p {
	color: #666666;
	margin: 5px 0px 10px 0;
	font-size: 15px;
	line-height: 160%
}

#page-features .feature p img {
	margin-bottom: 10px
}

#page-features .feature p h5 {
	display: block;
	font-weight: bold;
	color: #333;
	margin-top: 20px
}